CSS中可以通過(guò)添加橫線(xiàn)的方式來(lái)裝飾文本或者其他元素。下面是一個(gè)基本的代碼示例:
.left-line { border-left: 3px solid #000; padding-left: 10px; }
在這段代碼中,“l(fā)eft-line”是一個(gè)自定義的類(lèi)名,可以根據(jù)需要進(jìn)行修改。接下來(lái)的屬性設(shè)置是實(shí)現(xiàn)左邊橫線(xiàn)效果的關(guān)鍵:
border-left
屬性指定了一個(gè)細(xì)實(shí)線(xiàn),寬度為3px,顏色為黑色,從元素的左側(cè)開(kāi)始平鋪。padding-left
屬性用于保證文本和橫線(xiàn)之間有一定的距離。這里我們?cè)O(shè)置為10px,可以根據(jù)需要進(jìn)行修改。
有了這些屬性的設(shè)置,就可以在HTML中通過(guò)添加“l(fā)eft-line”類(lèi)名來(lái)應(yīng)用這個(gè)效果了。