Heim > Artikel > Web-Frontend > So entfernen Sie Unterstreichungen in CSS
So entfernen Sie Unterstreichungen in CSS
- 藏色散人Original
- 2021-02-24 10:27:154642Durchsuche
So entfernen Sie Unterstreichungen in CSS: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann ein a-Tag im Textkörper. Entfernen Sie schließlich die Unterstreichungen, indem Sie das CSS-Attribut auf „a{text-decoration:none}“ setzen.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.
Nachdem Sie dem Text einen Hyperlink-Ankertext (HTML A) hinzugefügt haben, wird die Schriftart standardmäßig automatisch unterstrichen. Sie können jedoch CSS verwenden, um den unterstrichenen Stil der Textschriftart zu deaktivieren, wodurch der Hyperlink auf der gesamten Webseite entfernt wird.
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.php.cn/">PHP中文网</a>!
</body>
</html>Das text-decoration-Attribut gibt die Dekorationen an, die dem Text hinzugefügt werden.
【Empfohlen: CSS-Video-Tutorial】
Hinweis: Die geänderte Farbe 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:
none 默认。定义标准的文本。 underline 定义文本下的一条线。 overline 定义文本上的一条线。 line-through 定义穿过文本下的一条线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-decoration 属性的值。
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!