CSS中的邊框屬性值是控制網頁元素邊框樣式的重要屬性,下面介紹一些常見的邊框屬性值。
/* 設置元素的邊框寬度 */ border-width: thin; /* 等同于1px */ border-width: medium; /* 等同于3px */ border-width: thick; /* 等同于5px */ border-width: 2px; /* 設置寬度為2px */ /* 設置元素的邊框樣式 */ border-style: solid; /* 實線 */ border-style: dashed; /* 虛線 */ border-style: dotted; /* 點線 */ border-style: double; /* 雙實線 */ border-style: groove; /* 凹槽 */ border-style: ridge; /* 壟狀 */ border-style: inset; /* 內陷 */ border-style: outset; /* 外凸 */ /* 設置元素的邊框顏色 */ border-color: red; /* 設置顏色為紅色 */ border-color: #ffffff; /* 設置顏色為白色 */ border-color: rgb(255,0,0); /* 設置顏色為紅色 */ /* 設置元素的邊框圓角 */ border-radius: 5px; /* 四個角都設置為5px的圓角 */ border-radius: 10px 5px 8px 2px; /* 分別設置左上角、右上角、右下角、左下角的圓角大小 */
以上是CSS中常見的邊框屬性值,希望可以對你的CSS樣式設計提供幫助。
上一篇css中輸入框怎么禁止
下一篇css中輪播圖垂直居中