CSS橫線加是一種常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)技巧,可以用來(lái)在文字下方添加一條橫線。這種效果通常用于強(qiáng)調(diào)某些關(guān)鍵字或者將一些段落分割開(kāi)來(lái)。
例子: p { text-decoration: underline; }
需要注意的是,如果想要僅對(duì)文字下方添加橫線,應(yīng)該將文本包含在span標(biāo)簽中,并將其應(yīng)用于樣式。
例子: p span { text-decoration: underline; }
此外,還可以通過(guò)調(diào)整橫線的顏色、粗細(xì)以及樣式來(lái)達(dá)到各種效果。
例子: p { text-decoration: underline; text-decoration-color: red; text-decoration-thickness: 2px; text-decoration-style: dotted; }
最后,需要注意的是在某些情況下,瀏覽器可能會(huì)自動(dòng)為一些標(biāo)簽添加下劃線,如鏈接標(biāo)簽a標(biāo)簽,此時(shí)可以通過(guò)CSS的text-decoration:none來(lái)取消下劃線。
例子: a { text-decoration:none; }