CSS3的border-left屬性是一個非常常用的CSS屬性,可以幫助我們用更加豐富多彩的方式來裝飾一個容器的左邊框。
.box { border-left: 2px solid red; }
在上面的代碼中,我們將一個ID為“box”的div的左邊框設置為2像素寬度,顏色為紅色,線條為實線。如果你想讓這個左邊框變得更加有趣,你可以添加一些更加復雜的樣式。
.box { border-left: 5px double #444; border-left-width: 2px; border-left-style: solid; }
在上面的代碼中,我們將一個ID為“box”的div的左邊框設置為雙線,顏色為#444,寬度為5像素,而線條的寬度仍然是2像素,線條的樣式為實線。
在CSS3中,我們還可以使用border-left的其他屬性來設置每個容器的左邊框的大小、顏色、樣式、圖像等。例如,你可以設置它的圓角、傾斜,或者可以為它添加一個背景顏色,以便更好地與其它元素進行配合。