Heim  >  Artikel  >  Web-Frontend  >  So verhindern Sie, dass Hyperlinks in CSS unterstrichen werden

So verhindern Sie, dass Hyperlinks in CSS unterstrichen werden

藏色散人
藏色散人Original
2021-01-28 11:14:526316Durchsuche

So machen Sie Hyperlinks in CSS nicht unterstrichen: Erstellen Sie zunächst eine Beispiel-HTML-Datei. Fügen Sie dann das Attribut „text-decoration:none;“ zum Tag hinzu, um die Hyperlinks zu unterstreichen.

So verhindern Sie, dass Hyperlinks in CSS unterstrichen werden

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

Empfohlen: CSS-Video-Tutorial

CSS, damit Hyperlinks nicht unterstrichen werden?

Um Unterstreichungen in CSS zu entfernen, können Sie das text-decoration-Attribut des a-Tags auf „none“ setzen.

Verwenden Sie einen Fall zur Veranschaulichung:

1. Der obige Code wird unterstrichen, wenn er im Browser angezeigt wird.

Fügen Sie den Stil-Tag hinzu und schreiben Sie den folgenden Code:

<!DOCTYPE html>
<html>
<head>
        <meta charset="UTF-8">
     <title>document</title>
</head>
<body>
    <a href="#">我要去除超链接下划线</a>
</body>
</html>

Öffnen Sie den Browser erneut und die Unterstreichung des a-Tags wird entfernt.

text-decoration bedeutet Textdekorationseffekt:

● none-Parameter bedeutet, dass der Hyperlink-Text nicht unterstrichen wird;

● underline-Parameter bedeutet, dass der Hyperlink-Text unterstrichen wird

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Hyperlinks in CSS unterstrichen werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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