border是CSS中常用的樣式屬性,可以為元素添加邊框。border有各種不同的樣式、顏色和粗細可供選擇,下面是幾種不同的border寫法。
.border1 { border: 1px solid #ccc; }
上述代碼的意思是對class為border1的元素添加一個寬度為1像素、顏色為#ccc的實線邊框。其中的1px表示邊框的寬度,solid表示邊框的樣式是實線,#ccc是邊框顏色。
.border2 { border-top: 1px dashed #f00; border-bottom: 2px dotted #00f; }
上述代碼的意思是對class為border2的元素添加上下兩條邊框,上邊框為1像素的虛線且顏色為#f00,下邊框為2像素的點狀線且顏色為#00f。其中的border-top和border-bottom表示添加上下邊框,dashed和dotted分別表示邊框樣式為虛線和點狀線。
.border3 { border-left: 5px ridge #a0a; border-right: 10px groove #080; }
上述代碼的意思是對class為border3的元素添加左右兩條邊框,左邊框為5像素的三維邊框且顏色為#a0a,右邊框為10像素的凹槽狀邊框且顏色為#080。其中的ridge和groove分別表示邊框樣式為三維邊框和凹槽狀邊框。
總之,border是CSS中一個十分有用的屬性,通過不同的組合方式,可以為元素添加各種邊框效果。
上一篇css 加號 減號樣式
下一篇css 加密網頁