CSS是網頁設計中非常關鍵的一部分，對于任何一個網頁設計師來說，必須熟練掌握CSS的各種屬性。其中邊框和邊距是CSS中非常常用的一部分，今天我們就來詳細了解一下CSS的邊框和邊距的用法。

首先，我們先介紹CSS邊框的用法。邊框有三個屬性：邊框寬度，邊框樣式和邊框顏色。下面是一個簡單的代碼示例：

p {
border-width: 2px;
border-style: solid;
border-color: black;
}

上面的代碼就是設置p標簽的邊框寬度為2像素，邊框樣式為實線，邊框顏色為黑色。

接下來是CSS邊距的用法。邊距用于控制元素與其他元素之間的距離。下面是一個簡單的代碼示例：

p {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

上面的代碼就是設置p標簽的上邊距為10像素，右邊距為20像素，下邊距為30像素，左邊距為40像素。

當然，CSS還有很多其他的邊框和邊距屬性，這里不展開講解。總之，學會了邊框和邊距的使用，可以讓我們更好地控制頁面元素的布局。