CSS中的劃線是一種文字裝飾屬性,用於在文字下方添加水平線,透過text-decoration屬性設置,可選值有none(無劃線)、underline(底線)和line -through(刪除線);此外,text-decoration屬性還支援overline(上劃線)、blink(閃爍,不建議使用)和wavy(波浪線,不支援所有瀏覽器)。
CSS 中的劃線
在 CSS 中,劃線是指在文字上加上一條水平線。它是一種文字裝飾屬性,可以應用於 HTML 元素中的文字。
如何使用劃線
在 CSS 中,使用 text-decoration
屬性來設定劃線。此屬性的值可以是以下三個值之一:
none
:不加入任何劃線。 underline
:新增一條水平劃線。 line-through
:新增一條穿過文字的水平線。 例如,要為HTML 元素中的文字新增一條水平劃線,可以使用下列CSS 程式碼:
<code class="css">element { text-decoration: underline; }</code>
其他劃線屬性
#除了上述三個值外,text-decoration
屬性還支援以下附加屬性:
overline
:新增一條水平線在文字的上方。 blink
:使文字閃爍(不建議使用)。 wavy
:讓文字呈現波浪線(在所有瀏覽器中不受支援)。 範例
以下是使用不同劃線屬性的程式碼範例:
<code class="css">p { text-decoration: underline; } h1 { text-decoration: line-through; } span { text-decoration: overline; }</code>
在上面的範例中,段落(p
) 文字將會有底線,標題1 (h1
) 文字將會有刪除線,跨度(span
) 文字將會有上劃線。
以上是css中劃線什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!