Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So setzen Sie Unterstreichungen in CSS

下次还敢
Freigeben: 2024-04-26 10:54:14
Original
1150 Leute haben es durchsucht

Die text-decoration-Eigenschaft von CSS kann zum Festlegen von Unterstreichungen verwendet werden. Dies kann durch Befolgen der folgenden Schritte erreicht werden: Verwenden Sie den text-decoration:underline-Wert, um Unterstreichungen festzulegen. Zu den optionalen Parametern gehören: overline: Fügt eine Zeile über dem Text hinzu. Durchgestrichen: Fügen Sie eine Linie in der Mitte des Textes hinzu. Strichstärke und Farbe können über die Eigenschaften text-decoration-thickness und text-decoration-color angepasst werden. Das Attribut text-decoration-skip steuert die Art der Zeichen, die durch Bindestriche übersprungen werden.

So setzen Sie Unterstreichungen in CSS

CSS-Unterstreichungseinstellungen

Verwenden Sie das text-decoration-Attribut in CSS, um den dekorativen Stil von Text, einschließlich Unterstreichung, festzulegen. Die Unterstreichung kann über den Wert underline des Attributs text-decoration festgelegt werden. text-decoration 属性来设置文本的装饰样式,包括划线。划线可以通过 text-decoration 属性的 underline 值来设置。

以下是如何在 CSS 中设置划线:

<code class="css">/* 设置元素文本的划线样式 */
element {
  text-decoration: underline;
}</code>
Nach dem Login kopieren

可选参数

除了 underline 外,text-decoration 属性还支持以下值来控制划线的样式:

  • overline:在文本上方添加一条线。
  • line-through:在文本中间添加一条线。

示例

<code class="css">/* 设置文本为红色实线划线 */
p {
  text-decoration: underline solid red;
}

/* 设置文本为绿色双线划线 */
h1 {
  text-decoration: double underline green;
}</code>
Nach dem Login kopieren

其他提示

  • 划线样式可以与其他文本装饰样式(如上划线和删除线)同时使用。
  • 划线的厚度和颜色可以通过 text-decoration-thicknesstext-decoration-color 属性进行调整。
  • 还可以使用 text-decoration-skip
  • So legen Sie Unterstreichungen in CSS fest:
rrreee🎜🎜Optionale Parameter🎜🎜🎜Zusätzlich zu underline unterstützt das Attribut text-decoration auch die folgenden Werte zur Steuerung des Unterstreichungsstils: 🎜
  • 🎜overline: 🎜Fügt eine Zeile über dem Text hinzu. 🎜
  • 🎜durchgestrichen: 🎜Fügen Sie eine Zeile in der Mitte des Textes hinzu. 🎜🎜🎜🎜Beispiel🎜🎜rrreee🎜🎜Andere Tipps🎜🎜
    • Unterstreichungsstile können gleichzeitig mit anderen Textdekorationsstilen wie Überstreichen und Durchstreichen verwendet werden. 🎜
    • Die Stärke und Farbe des Strichs können über die Eigenschaften text-decoration-thickness und text-decoration-color angepasst werden. 🎜
    • Sie können auch das Attribut text-decoration-skip verwenden, um die Zeichentypen zu steuern, die vom Strich übersprungen werden. 🎜🎜

Das obige ist der detaillierte Inhalt vonSo setzen Sie Unterstreichungen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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