首頁 >web前端 >css教學 >css中如何設定單一文字樣式

css中如何設定單一文字樣式

下次还敢
下次还敢原創
2024-04-25 13:39:14626瀏覽

CSS 中設定單一文字樣式可以透過text-decoration 屬性實現,可為文字新增底線、刪除線、上劃線或波浪線,語法為:text-decoration: none | underline | overline | line -through | wavy;。

css中如何設定單一文字樣式

CSS 中設定單一文字樣式

在CSS 中,您可以使用text-decoration 屬性來設定單一文字的樣式。此屬性可讓您為文字新增底線、刪除線、上劃線或波浪線。

語法:

<code class="css">text-decoration: none | underline | overline | line-through | wavy;</code>

取值:

  • none:刪除所有文本裝飾。
  • underline:在文字下方新增底線。
  • overline:在文字上方新增上劃線。
  • line-through:在文字中間新增刪除線。
  • wavy:在文字下方新增一條波浪線。

使用範例:

要為特定文字元素新增下劃線,可以使用下列程式碼:

<code class="css">.my-text {
  text-decoration: underline;
}</code>

要移除文字元素的刪除線,可以使用以下程式碼:

<code class="css">.my-text {
  text-decoration: none;
}</code>

其他CSS 屬性:

text-decoration 屬性外,CSS 還提供了一些其他屬性來控製文字樣式,例如:

  • color:設定文字顏色。
  • font-family:設定字體系列。
  • font-size:設定字體大小。
  • font-weight:設定字體粗細。

以上是css中如何設定單一文字樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn