欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

border css寫法

吉茹定2年前13瀏覽0評論

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中一個十分有用的屬性,通過不同的組合方式,可以為元素添加各種邊框效果。