Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So entfernen Sie Unterstreichungen in CSS

醉折花枝作酒筹
Freigeben: 2023-01-05 16:09:02
Original
17736 Leute haben es durchsucht

In CSS können Sie das Attribut „text-decoration“ verwenden, um die Unterstreichung aufzuheben. Sie müssen nur den Stil „text-decoration:none“ für das Element festlegen. Das text-decoration-Attribut wird verwendet, um dem Text Dekoration hinzuzufügen. Wenn der Wert „none“ ist, können Sie unveränderten Standardtext definieren.

So entfernen Sie Unterstreichungen in CSS

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

Das Aufheben der Unterstreichung in CSS kann mit dem Stil text-decoration:none erreicht werden.

Beispiel:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>取消下划线</title> 
<style> 
a{ 
    text-decoration:none
} 
</style> 
</head> 
<body> 
欢迎来到<a href="https://www.cctv.com/">我的世界</a>! 
</body> 
</html>
Nach dem Login kopieren

Der Effekt ist wie folgt:

So entfernen Sie Unterstreichungen in CSS

Das text-decoration-Attribut gibt die dem Text hinzugefügte Dekoration an.

Hinweis: Die Farbe der Änderung wird durch das Attribut „Farbe“ festgelegt.

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.

Attributwert:

  • kein Standard. 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.

  • inherit gibt an, dass der Wert des text-decoration-Attributs vom übergeordneten Element geerbt werden soll.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Unterstreichungen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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