So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink-CSS-Tutorial-php.cn

So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink

醉折花枝作酒筹

Freigeben： 2023-01-05 16:10:19

Original

28048 Leute haben es durchsucht

In CSS können Sie das text-decoration-Attribut verwenden, um die Unterstreichung eines Hyperlinks zu entfernen. Sie müssen nur den Stil „text-decoration:none“ für das a-Tag festlegen. Das text-decoration-Attribut gibt die dem Text hinzugefügte Dekoration an. Wenn der Wert „none“ ist, bedeutet dies, dass keine Textdekoration vorhanden ist.

So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Wir wissen, dass CSS im Allgemeinen nicht initialisiert ist und der Text mit Hyperlinks auf der Webseite unterstrichen wird. Wenn wir die Unterstreichung entfernen möchten, wie sollten wir sie einrichten? Als Nächstes zeigt Ihnen divcss5, wie Sie den Unterstreichungsstil eines HTML-Hyperlinks entfernen.

1. Entfernen Sie den Unterstreichungs-CSS-Stil.

Machen Sie sich mit den folgenden CSS-Attributwörtern vertraut. Wir möchten die Unterstreichung eines Hyperlink-Ankertexts entfernen und verwenden die folgenden CSS-Stilwörter:
text-decoration Legen Sie das Unterstreichungsstilwort fest

Entfernen Sie die Unterstreichung eines Hyperlink-Stils. Wir setzen den Wert der CSS-Textdekoration auf „none“.
Das Folgende ist der Code zum Entfernen des Unterstreichungsstils des A-Links:
a{text-decoration:none}

Zweitens der Fall des Entfernens der Unterstreichung des Ankertexts

Als nächstes stellen wir den Fall des Entfernens vor den Unterstreichungsstil des Hyperlinks über CSS.
HTML-Code

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>document</title> 
</head> 
<body> 
想要带你去浪漫的<a href="https://baike.baidu.com/item/%E5%9C%9F%E8%80%B3%E5%85%B6/198448?fr=aladdin">土耳其</a>！ 
</body> 
</html>

Nach dem Login kopieren

Screenshot

vor dem Entfernen der Unterstreichung

So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink

Verwenden Sie CSS, um die Hyperlink-Unterstreichung zu entfernen
css-Code-Snippet

So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink

Empfohlenes Lernen:

css Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie die Unterstreichung aus einem CSS-Hyperlink. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!