Heim  >  Artikel  >  Web-Frontend  >  So setzen Sie in CSS eine Unterstreichung auf eine gepunktete Linie

So setzen Sie in CSS eine Unterstreichung auf eine gepunktete Linie

王林
王林Original
2020-11-18 11:19:308023Durchsuche

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;

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;
}

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!

Stellungnahme:
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