Heim > Web-Frontend > HTML-Tutorial > So entfernen Sie die Unterstreichung aus einem Hyperlink in CSS

So entfernen Sie die Unterstreichung aus einem Hyperlink in CSS

php中世界最好的语言
Freigeben: 2017-11-20 16:07:29
Original
8935 Leute haben es durchsucht

Es ist unvermeidlich, dass es mehrere Textpaare gibt. EinHyperlinkAnkertext auf einer Webseite, aber standardmäßig haben alle Texte mit Links Unterstreichungseffekte, also wie soll man das sagen? Wie entferne ich den Unterstreichungseffekt von Hyperlinks? Dann müssen wir leistungsstarkes CSS verwenden.

Damit die Standardunterstreichung im Schriftarttext mit Hyperlink-Ankertext über CSS-Einstellungen verschwindet, benötigen wir das CSS-Stilwort text-decoration, um die Unterstreichung zu entfernen.

Der spezifische CSS-Code zum Entfernen der Unterstreichung vom Standardlink auf der gesamten Webseite, um keine Unterstreichung zu erreichen, lautet wie folgt:

a{text-decoration: none}

Der obige CSS-Code kann das Entfernen der Unterstreichung abbrechen.

DIV CSS-Wissenserweiterung, der Standardlink hat keinen Unterstreichungseffekt. Wenn die Maus über den entsprechenden Text bewegt und mit der Maus darüber bewegt wird, wird die entsprechende Textschrift unterstrichen angezeigt, CSS-Stilcode:

a{text-decoration : none} 
a:hover{text-decoration:underline}
Nach dem Login kopieren

Dadurch wird die Webseite standardmäßig ausgeblendet. Die Unterstreichung im Linktext verschwindet, der Unterstreichungsstileffekt wird jedoch nur angezeigt, wenn die Maus über den Ankertext bewegt und mit der Maus darüber bewegt wird.

Standardmäßig ist der Linktext nicht unterstrichen. Eine CSS-Unterstreichung wird angezeigt, wenn sich die Maus über der Ankertextschrift befindet.

Vollständiger HTML-Quellcode des Beispiels:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>无下划线实现 DIVCSS5</title> 
<style> 
a{ text-decoration:none} 
a:hover{ text-decoration:underline} 
</style> 
</head> 
<body> 
欢饮来到<a href="http://www.php.cn">www.php.cn</a>关于默认链接无下划线实例 
</body> 
</html>
Nach dem Login kopieren

Verwandte Lektüre:

Detaillierte Erläuterung der js-Implementierung zum automatischen Auslösen von Hyperlinks beim Laden der Seite

So verwenden Sie jQuery zum dynamischen Ändern von Hyperlinks

Eine Zusammenfassung von Anwendungsbeispielen für Hyperlink a in HTML

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage