Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verhindern Sie, dass Hyperlinks in CSS unterstrichen werden

藏色散人
Freigeben: 2022-12-30 11:12:53
Original
6340 Leute haben es durchsucht

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>
Nach dem Login kopieren

Ö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!

Verwandte Etiketten:
css
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