CSS盒子模型是網頁設計中的重要概念，它描述了網頁元素在頁面上的呈現方式。CSS盒子模型包含了五種屬性，分別是：寬度（width）、高度（height）、內邊距（padding）、邊框（border）和外邊距（margin）。

.box {
width: 200px;
height: 100px;
padding: 20px;
border: 1px solid black;
margin: 10px;
}

寬度（width）屬性規定了盒子的寬度，可以使用具體的像素值或百分比值。在盒子有內容時，寬度會自動適應內容寬度。

高度（height）屬性規定了盒子的高度，也可以使用具體的像素值或百分比值。在盒子有內容時，高度會自動適應內容高度。

內邊距（padding）屬性規定了盒子內容和邊框之間的距離，使用像素值進行設定。

邊框（border）屬性規定了盒子的邊框樣式、寬度和顏色。邊框可以同時設置上下左右四個方向。

外邊距（margin）屬性規定了盒子和相鄰元素之間的距離。如果有多個盒子，外邊距會取其中最大值。

以上五種屬性共同組成了CSS盒子模型，通過這些屬性，我們可以輕松地控制網頁元素的樣式和排版效果。