Wie entferne ich die Unterstreichung von einem Hyperlink in HTML? Einführung in die Methode zum Entfernen von Unterstreichungen aus HTML-Hyperlinks-HTML-Tutorial-php.cn

Wie entferne ich die Unterstreichung von einem Hyperlink in HTML? Einführung in die Methode zum Entfernen von Unterstreichungen aus HTML-Hyperlinks

不言

Freigeben： 2018-10-09 11:25:02

Original

25617 Leute haben es durchsucht

Bei der Entwicklung von Front-End-Webseiten ist die Verwendung von Hyperlinks immer unvermeidlich. Bei der Verwendung von Hyperlinks erscheint dies jedoch manchmal sehr abrupt, unangemessen und unansehnlich bis Die Unterstreichung unter dem Hyperlink wird entfernt. Im folgenden Artikel wird Ihnen die -Methode zum Entfernen der Unterstreichung aus dem Hyperlink unter HTML vorgestellt. Freunde in Not können sich ohne weitere Umschweife direkt an den Text wenden.

Um die Unterstreichung eines Hyperlinks im HTML-Code zu entfernen, benötigen Sie das text-decoration-Attribut in CSS.

Für das Textdekorationsattribut müssen wir den Parameter text-decoration:none definieren, um die Unterstreichung des Hyperlinks zu entfernen. (Weitere Parameter im Textdekorationsattribut finden Sie im CSS-Lernhandbuch).

Sehen wir uns direkt den Code zum Entfernen der Unterstreichung eines Hyperlinks in an html.

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <style type="text/css">
      a{text-decoration:none}
    </style> 
    </head> 
    <body>欢迎来到<a href="http://www.php.cn/">php中文网</a>！
    </body> 
    </html>

Nach dem Login kopieren

Die Auswirkung des Entfernens der Unterstreichung aus einem Hyperlink in HTML ist wie folgt:

Wie entferne ich die Unterstreichung von einem Hyperlink in HTML? Einführung in die Methode zum Entfernen von Unterstreichungen aus HTML-Hyperlinks

Was der obige Code ist Dies wird erreicht: In HTML wird die Unterstreichung eines Hyperlinks direkt entfernt. Manchmal müssen wir jedoch die Unterstreichung von einem Hyperlink entfernen, aber es gibt eine Unterstreichung, wenn die Maus darauf bleibt. Schauen wir uns den Code direkt an.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<style type="text/css">
a:link,a:visited{
 text-decoration:none;  /*超链接无下划线*/
}
a:hover{
 text-decoration:underline;  /*鼠标放上去有下划线*/
}
</style>
</head> 
<body>欢迎来到<a href="http://www.php.cn/">php中文网</a>！
</body> 
</html>

Nach dem Login kopieren

Hinweis: Im obigen Code ist der Hyperlink unterstrichen, aber unterstrichen, wenn die Maus darauf bleibt. :hover ist eine Pseudoklasse im Stylesheet und stellt den Zustand dar, wenn die Maus gedrückt wird schwebt.

Das Obige ist der gesamte Inhalt dieses Artikels. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWie entferne ich die Unterstreichung von einem Hyperlink in HTML? Einführung in die Methode zum Entfernen von Unterstreichungen aus HTML-Hyperlinks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!