盒子模型的邊框就是圍繞著內(nèi)容及補白的線，這條線你可以設(shè)置它的粗細、樣式和顏色(邊框三個屬性)。

如下面代碼為 div 來設(shè)置邊框粗細為 2px、樣式為實心的、顏色為紅色的邊框：

div{
    border:2px  solid  red;
}

上面是 border 代碼的縮寫形式，可以分開寫：

div{
    border-width:2px;
    border-style:solid;
    border-color:red;
}

注意：

1、border-style（邊框樣式）常見樣式有：

dashed（虛線）| dotted（點線）| solid（實線）。

2、border-color（邊框顏色）中的顏色可設(shè)置為十六進制顏色，如:

border-color:#888;//前面的井號不要忘掉。

3、border-width（邊框?qū)挾龋┲械膶挾纫部梢栽O(shè)置為：

thin | medium | thick（但不是很常用），最常還是用像素（px）。