CSS中可以通過(guò)加入邊框或偽元素的方式在文字兩邊添加線段,這不僅可以增加文字的裝飾效果,還可以使文字更加醒目。
/* 左邊線段 */ .left-line { position: relative; padding-left: 20px; } .left-line:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-color: #000; } /* 右邊線段 */ .right-line { position: relative; padding-right: 20px; } .right-line:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 2px; background-color: #000; }
以上代碼中,left-line類和right-line類分別表示文字兩側(cè)的線段。利用position屬性,讓偽元素作為子元素進(jìn)行絕對(duì)定位。然后利用:before和:after偽元素添加左邊和右邊的線段,修改width屬性可以控制線段的長(zhǎng)度,background-color屬性可以調(diào)整線段的顏色。
上一篇css中改變字的位置
下一篇css中插入圖片怎么虛化