CSS中可以通過添加橫線的方式來裝飾文本或者其他元素。下面是一個基本的代碼示例:
.left-line { border-left: 3px solid #000; padding-left: 10px; }
在這段代碼中,“left-line”是一個自定義的類名,可以根據需要進行修改。接下來的屬性設置是實現左邊橫線效果的關鍵:
border-left
屬性指定了一個細實線,寬度為3px,顏色為黑色,從元素的左側開始平鋪。padding-left
屬性用于保證文本和橫線之間有一定的距離。這里我們設置為10px,可以根據需要進行修改。
有了這些屬性的設置,就可以在HTML中通過添加“left-line”類名來應用這個效果了。
上一篇css定義字體加空格
下一篇css左對齊 垂直居中