CSS自劃橫線是一個(gè)很實(shí)用的功能,它能夠給文字添加一下一條橫線,常見于文章中的刪除線效果。
p { text-decoration: line-through; }
上面的代碼很簡單,將p標(biāo)簽的文本裝飾設(shè)為line-through就可以了,當(dāng)然line-through只是其中一種線條樣式,CSS還提供了很多不同的線條樣式,在不同的場合下可以選擇不同的樣式。
p { text-decoration: underline; }
如果需要給文字添加下劃線,只需要將line-through改為underline即可。
除了text-decoration屬性外,還有一些屬性可以調(diào)節(jié)線條的粗細(xì)、顏色等參數(shù),具體可以查看相關(guān)文檔。
總的來說,CSS自劃橫線功能十分方便,尤其在制作文章中常常用到,只需要一行CSS代碼就能實(shí)現(xiàn)一些必要的效果。