Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So setzen Sie in CSS eine Unterstreichung auf eine gepunktete Linie

王林
Freigeben: 2020-11-18 11:19:30
Original
8026 Leute haben es durchsucht

So setzen Sie die Unterstreichung in CSS auf eine gepunktete Linie: Sie können das Attribut text-decoration-style verwenden, um es festzulegen, z. B. [text-decoration-style: dotted;]. Das Attribut text-decoration-style wird verwendet, um anzugeben, wie Linien angezeigt werden.

So setzen Sie in CSS eine Unterstreichung auf eine gepunktete Linie

Verwandte Attribute:

text-decoration-style-Attribut gibt an, wie Linien angezeigt werden.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Syntax:

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Nach dem Login kopieren

Attributwert:

  • solid Standardwert. Die Zeile wird als einzelne Zeile angezeigt.

  • doppelte Linien werden als doppelte Linien angezeigt.

  • dotted Die Linien werden als gepunktete Linien angezeigt.

  • gestrichelte Linien werden als gestrichelte Linien angezeigt.

  • Wellenlinien werden als Wellenlinien angezeigt.

  • initial Setzt diese Eigenschaft auf ihren Standardwert.

  • inherit Erbt dieses Attribut vom übergeordneten Element.

Beispiel:

Fügen Sie eine gepunktete Unterstreichung zum a-Tag hinzu

<a href="#">css如何设置下划线虚线</a>

//css
a{
    text-decoration-style: dotted;
}
Nach dem Login kopieren

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo setzen Sie in CSS eine Unterstreichung auf eine gepunktete Linie. 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