CSS可以為字體添加橫線,通常用于表示刪除線或者下劃線,這種效果在一些排版場景下很有用。下面是CSS代碼實(shí)現(xiàn)添加橫線的方法:
.text { text-decoration: line-through; /* 添加刪除線 */ } .link { text-decoration: underline; /* 添加下劃線 */ }
通過text-decoration屬性,可以設(shè)置字體的修飾線條樣式,包括下劃線、刪除線、波浪線等。我們常用的加橫線的樣式有刪除線和下劃線。
除了text-decoration屬性,還可以使用border-bottom屬性實(shí)現(xiàn)下劃線效果,例如:
.link { border-bottom: 1px solid #000; /* 添加1像素黑色下劃線 */ }
使用border-bottom屬性比text-decoration更靈活,可以自行設(shè)置下劃線的顏色、樣式和粗細(xì),但是刪除線的效果只能通過text-decoration屬性實(shí)現(xiàn)。