Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So entfernen Sie den Unterstreichungsstil in CSS

王林
Freigeben: 2023-01-06 11:13:02
Original
3740 Leute haben es durchsucht

Die Möglichkeit, den Unterstreichungsstil in CSS zu entfernen, besteht darin, das Attribut [text-decoration: none;] festzulegen. Wenn wir dem Text einen Stil hinzufügen möchten, beispielsweise eine rote Wellenlinie, können wir das Attribut [text-decoration: underline red;] festlegen.

So entfernen Sie den Unterstreichungsstil in CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Wenn wir den Unterstreichungsstil im Text aufheben möchten, können wir das Attribut text-decoration: none festlegen. Lassen Sie uns unten das Attribut text-decoration einführen.

Das Textdekorationsattribut gibt die dem Text hinzugefügten Dekorationen an, z. B. Unterstreichung, Überstreichung, Durchstreichung usw.

text-decoration: none;                     
/*没有文本装饰*/
text-decoration: underline red;            
/*红色下划线*/
text-decoration: underline wavy red;       
/*红色波浪形下划线*/
Nach dem Login kopieren

Einige Beispiele:

h1.under {
    text-decoration: underline;
}
h1.over {
    text-decoration: overline;
}
p.line {
    text-decoration: line-through;
}
p.blink {
    text-decoration: blink;
}
a.none {
    text-decoration: none;
}
p.underover {
    text-decoration: underline overline;
}
Nach dem Login kopieren

Lernvideo-Sharing: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Unterstreichungsstil 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