Heim > Artikel > Web-Frontend > So entfernen Sie Textunterstreichungen in CSS3
So entfernen Sie Textunterstreichungen in CSS3
- WBOYOriginal
- 2022-03-25 16:09:302643Durchsuche
In CSS3 können Sie das Attribut „text-decoration“ verwenden, um die Textunterstreichung zu entfernen. Wenn der Attributwert auf „none“ gesetzt ist, können Sie einen Standardtext angeben , wodurch die Unterstreichung des Textes entfernt wird. Die Syntax lautet „text-decoration:none“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So entfernen Sie Textunterstreichungen in CSS3.
Das Attribut text-decoration gibt die dem Text hinzugefügte Dekoration an.
Hinweis: Die geänderte Farbe wird durch das Attribut „Farbe“ festgelegt.
Beschreibung
Mit diesem Attribut können Sie bestimmte Effekte auf Text festlegen, z. B. Unterstreichungen. Wenn das Nachkommenelement keine eigenen Dekorationen hat, „erweitern“ sich die auf dem Vorgängerelement festgelegten Dekorationen auf die Nachkommenelemente. Benutzeragenten müssen Blinken nicht unterstützen.
keine Standardeinstellung. Text, der den Standard definiert.
underline definiert eine Zeile unter dem Text.
overline definiert eine Zeile im Text.
line-through definiert eine Linie, die unter dem Text verläuft.
blink definiert blinkenden Text.
Das Beispiel sieht wie folgt aus:
<html>
<head>
<style type="text/css">
.abc{text-decoration: none}
</style>
</head>
<body>
<p><a href="" class="abc">这是一个链接</a></p>
<a href="">这是一个链接</a>
</body>
</html>Ausgabeergebnis:
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo entfernen Sie Textunterstreichungen in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!