網頁設計中，CSS盒子模型是最重要的概念之一。盒子模型將網站設計分成幾個獨立的部分，包括內容（即文本和圖像）、填充、邊框和內邊距。盒子模型使得我們可以輕松地控制元素的大小和位置，進而創建獨特的布局。

#example-box {
width: 300px;
height: 200px;
padding: 20px;
border: 2px solid #333;
margin: 30px auto;
}

在上面的代碼中，我們使用了一個ID選擇器（#example-box）來定義盒子模型的樣式。通過設置width和height屬性，我們可以指定盒子模型的大小。

同時，我們使用padding屬性來指定內容和邊框之間的距離，這樣可以讓網頁看起來更加整潔和美觀。使用border屬性定義盒子模型的邊框樣式和顏色。

最后，通過margin屬性，我們可以控制盒子模型與其他元素之間的距離。

盒子模型的使用非常廣泛，在網站設計中扮演著至關重要的角色。通過設置各種屬性，我們可以實現豐富多彩的布局，從而為用戶提供更好的瀏覽體驗。