Heim > Web-Frontend > Front-End-Fragen und Antworten > So entfernen Sie Textunterstreichungen in CSS3

So entfernen Sie Textunterstreichungen in CSS3

WBOY
Freigeben: 2022-03-25 16:09:30
Original
2675 Leute haben es durchsucht

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“.

So entfernen Sie Textunterstreichungen in CSS3

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

Ausgabeergebnis:

So entfernen Sie Textunterstreichungen in CSS3

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

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