CSS畫(huà)一條紅線(xiàn)的方法
/* CSS代碼 */ .red-line{ border-top: 1px solid red; }
要畫(huà)一條紅線(xiàn),我們可以使用CSS的border屬性來(lái)實(shí)現(xiàn)。具體可以參考上面的代碼。
首先,我們給想要畫(huà)線(xiàn)的元素加上一個(gè)class名,這里假設(shè)我們使用.red-line作為class名。
然后,在CSS中,我們使用border-top屬性來(lái)設(shè)置從上往下的邊框,將width設(shè)置為1px,color設(shè)置為red即可。
最終效果是在元素的上方畫(huà)出一條紅色的線(xiàn),達(dá)到我們的預(yù)期效果。