盒子模型的邊框就是圍繞著內(nèi)容及補(bǔ)白的線,這條線你可以設(shè)置它的粗細(xì)、樣式和顏色(邊框三個(gè)屬性)。
如下面代碼為 div 來(lái)設(shè)置邊框粗細(xì)為 2px、樣式為實(shí)心的、顏色為紅色的邊框:
div{ border:2px solid red; }
上面是 border 代碼的縮寫形式,可以分開寫:
div{ border-width:2px; border-style:solid; border-color:red; }
注意:
1、border-style(邊框樣式)常見樣式有:
dashed(虛線)| dotted(點(diǎn)線)| solid(實(shí)線)。
2、border-color(邊框顏色)中的顏色可設(shè)置為十六進(jìn)制顏色,如:
border-color:#888;//前面的井號(hào)不要忘掉。
3、border-width(邊框?qū)挾龋┲械膶挾纫部梢栽O(shè)置為:
thin | medium | thick(但不是很常用),最常還是用像素(px)。
我來(lái)試一試:
給p標(biāo)簽添加寬度為2像素,點(diǎn)狀線,顏色為#ccc的邊框
在右邊編輯器的第 8 行,輸入:
p{border:2px dotted #ccc;}
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)