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="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">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
) 文本將會有上劃線。