Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie die Unterstreichung der Schriftart in CSS fest

王林
Freigeben: 2020-11-16 16:40:03
Original
10799 Leute haben es durchsucht

So legen Sie die Unterstreichung von Schriftarten in CSS fest: Sie können das Attribut text-decoration verwenden, um es festzulegen, z. B. [text-decoration: underline;]. Das Attribut text-decoration wird verwendet, um Dekorationen, Unterstreichungen, Überstreichungen, Durchstreichungen usw. anzugeben, die dem Text hinzugefügt werden.

So legen Sie die Unterstreichung der Schriftart in CSS fest

Attributeinführung:

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

(Freigabe von Video-Tutorials: CSS-Video-Tutorial)

Syntax:

/*关键值*/
text-decoration: none;                     /*没有文本装饰*/
text-decoration: underline red;            /*红色下划线*/
text-decoration: underline wavy red;       /*红色波浪形下划线*/
/*全局值*/
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;
Nach dem Login kopieren

Attributwert:

  • keine Standardeinstellung. 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 Definieren Sie blinkenden Text.

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

Beispiel:

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

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Unterstreichung der Schriftart in CSS fest. 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