Heim >Web-Frontend >CSS-Tutorial >So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink
So entfernen Sie die Unterstreichung aus einem CSS-Hyperlink
- 醉折花枝作酒筹Original
- 2021-04-21 14:00:0628062Durchsuche
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.
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>
Screenshot
vor dem Entfernen der Unterstreichung
Verwenden Sie CSS, um die Hyperlink-Unterstreichung zu entfernen
css-Code-Snippet
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!