CSS是網頁設計中不可或缺的一部分，通過CSS，我們可以控制網頁中各個元素的樣式。其中，盒狀物是網頁設計中常見的元素之一，如何控制盒狀物的樣式呢？下面我們來詳細介紹。

.box{
width: 200px;
height: 200px;
background: #ccc;
border: 1px solid #000;
margin: 20px;
padding: 20px;
}

盒狀物是由四個部分組成的：內容區域、內邊距、邊框和外邊距。通過CSS，我們可以控制這四個部分的樣式。代碼中的.box就是一個盒狀物，下面我們逐一講解每一個屬性。

• width：盒狀物的寬度，可以是具體的像素值，也可以是百分比。
• height：盒狀物的高度，與寬度類似，可以是像素值或百分比。
• background：盒狀物的背景顏色，可以是具體的顏色值，也可以是背景圖片等。
• border：盒狀物的邊框樣式，可以設置邊框的寬度、顏色和樣式，常見的邊框樣式有實線、虛線、點線等。
• margin：盒狀物的外邊距，即盒狀物與其他元素之間的距離。
• padding：盒狀物的內邊距，即盒狀物內容與邊框之間的距離。

上面的代碼中，我們設置了一個200x200像素的盒狀物，背景為灰色，邊框為1像素的黑色實線，內外邊距均為20像素。通過這些屬性的組合，我們可以創建出各種不同樣式的盒狀物，實現網頁的多樣化。