學習CSS的時候,我們經常需要調整盒子的邊框樣式,這時候就需要了解CSS盒子邊框代碼。
/*設置邊框寬度、樣式、顏色*/ border: 1px solid #000; /*分別設置上方邊框、右邊框、下邊框、左邊框*/ border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; /*分別設置上方邊框寬度、樣式、顏色*/ border-top-width: 1px; border-top-style: solid; border-top-color: #000; /*分別設置右邊框寬度、樣式、顏色*/ border-right-width: 1px; border-right-style: solid; border-right-color: #000; /*分別設置下邊框寬度、樣式、顏色*/ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; /*分別設置左邊框寬度、樣式、顏色*/ border-left-width: 1px; border-left-style: solid; border-left-color: #000; /*設置邊框圓角半徑*/ border-radius: 5px; /*分別設置上右下左邊框圓角半徑*/ border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /*設置邊框陰影*/ box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
以上是幾種常用的CSS盒子邊框代碼,我們可以根據實際需求進行設置。其中,border屬性是設置四個邊框的快捷方式,分別代表邊框寬度、樣式、顏色。
border-radius屬性可以設置邊框的圓角半徑,如果想對每個角單獨設置,可以使用border-top-left-radius等屬性。
box-shadow屬性可以設置邊框陰影,其中前三個值分別代表陰影的偏移量,第四個值是陰影的模糊程度,第五個值是陰影的顏色。
上一篇mysql家境