Heim > Web-Frontend > Front-End-Fragen und Antworten > So entfernen Sie Unterstreichungen in CSS A

So entfernen Sie Unterstreichungen in CSS A

藏色散人
Freigeben: 2023-01-28 15:07:41
Original
4059 Leute haben es durchsucht

So deaktivieren Sie die Unterstreichung in CSS a: 1. Erstellen Sie eine HTML-Beispieldatei. 2. Fügen Sie das a-Tag zum Text hinzu. 3. Fügen Sie „#none{text-decoration: none;}“ zum angegebenen a-Tag hinzu Löschen Sie die Unterstreichung.

So entfernen Sie Unterstreichungen in CSS A

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version, DELL G3-Computer

Wie lösche ich die Unterstreichung in CSS A?

Entfernen Sie die Unterstreichung im a-Tag:

Auf der Entwicklungswebseite hat der durch das a-Tag festgelegte Hyperlink in der Leistung eine Abwärtslinie, aber oft ist die Unterstreichung nicht schön. Wie werden wir es also los? In diesem Artikel erfahren Sie, wie Sie die Unterstreichung im a-Tag entfernen.

  • text-decoration-Attribut

text-decoration-Attribut wird verwendet, um das Unterstreichungsattribut des a-Tags festzulegen. Seine Attributwerte sind:

none: Unterstreichung entfernen

underline: Unterstreichung festlegen

overline: Linie über dem Text festlegen

line-through: Linie in der Mitte des Textes festlegen

initial: Standardwert

inherit: Vom übergeordneten Element Inheritance

Werfen wir einen Blick auf den spezifischen Code und den Implementierungseffekt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签划线</title>
<style type="text/css">
#none{
text-decoration: none;
}
#overline{
text-decoration: overline;
}
#overline{
text-decoration: line-through;
}
</style>
</head>
<body>
<a href="">这是正常样式</a><br>
<a href="" id="none">无下划线</a><br>
<a href="" id="overline">上划线</a><br>
<a href="" id="line-through">中划线</a><br>
</body>
</html>
Nach dem Login kopieren

Implementierungseffekt:

So entfernen Sie Unterstreichungen in CSS A

Empfohlenes Lernen: „CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Unterstreichungen in CSS A. 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