CSS布局中的邊框（border）是一個十分重要的概念。邊框的使用不僅可以美化頁面，還可以增加頁面的重點突出性。

在CSS樣式中，邊框可以使用border屬性進行設置。比如下面的代碼會在一個具有100像素寬和50像素高的div上添加一個1像素寬的紅色實線邊框：

div{
width: 100px;
height: 50px;
border: 1px solid red;
}

在這里，border屬性可以接受三個屬性值：

• 寬度（width）：自然數后面跟著任意長度單位，用于設置邊框的寬度。如果省略，默認是medium。
• 樣式（style）：用于定義邊框的樣式。支持的樣式有solid、dashed、dotted、double等。
• 顏色（color）：用于設置邊框的顏色?？捎妙伾蛋ň唧w顏色、RGB值、十六進制值等。

以上三個屬性可以同時使用，也可以只使用其中某個或某些。比如下面的代碼只設置了邊框的樣式：

div{
border: dashed;
}

使用上面的代碼，div元素的邊框就會被改變為虛線的樣式。這時顏色和寬度都沒有設置，會默認為黑色和medium。

在CSS布局中，邊框的另一個重要應用就是通過邊框來實現元素間的間距。比如我們可以給一個元素添加邊框，然后通過margin屬性來控制它和其他元素之間的距離。比如下面的樣式代碼為一個h1元素添加上邊框，并為該元素的下面添加20像素的margin：

h1{
border-bottom: 1px solid black;
margin-bottom: 20px;
}

以上代碼使用了border-bottom屬性，它只對元素的下邊框進行了修改。同樣，border-left、border-right、border-top屬性也可以對應地改變元素的左右上四個方向的邊框樣式。這里需要注意的是，如果使用border屬性來同時改變四個方向的邊框，那么需要按照如下的順序來來書寫屬性值：寬度、樣式、顏色。