Heim >Web-Frontend >CSS-Tutorial >So entfernen Sie den Standardstil eines Tags in CSS
So entfernen Sie den Standardstil eines Tags in CSS
- WBOYOriginal
- 2021-11-24 18:15:0822177Durchsuche
In CSS können Sie die Attribute „text-decoration“ und „color“ verwenden, um den Standardstil des a-Tags zu entfernen. Sie müssen nur den Stil „a{text-decoration:none;color:#000;}“ hinzufügen zum a-Tag-Element.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So entfernen Sie den Standardstil des a-Tags in CSS
In CSS können wir das Textdecoration-Attribut verwenden, um die dem Text hinzugefügten Änderungen anzugeben Entfernen Sie die Unterstreichung des a-Tags.
Es gibt auch ein Farbattribut, mit dem die Schriftfarbe eines Tags festgelegt werden kann.
Schauen wir es uns anhand eines Beispiels an:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style type="text/css">
a{
text-decoration: none; /* 去除默认的下划线 */
color: #000; /* 去除默认的颜色和点击后变化的颜色 */
}
</style>
<body>
<a href="https://www.php.cn/" target="_blank">这是一个a标签</a>
</body>
</html>Ausgabeergebnis:
Der Standardstil eines a-Tags ist:
Auf diese Weise entfernen wir das a-Tag durch den Text- Dekorationsattribut und Farbattribut Standardstil.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Standardstil eines Tags in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- So deaktivieren Sie das Klicken auf Elemente in CSS
- So implementieren Sie mit CSS3 den digitalen Zeilenumbruch
- So verbergen Sie übergeordnete Elemente und zeigen untergeordnete Elemente in CSS an
- So brechen Sie das Auffüllen von Elementen in CSS ab
- So entfernen Sie den Stil von Tags, die in CSS eine eigene Zeile belegen