在網頁設計中，盒子是一個重要的元素，它可以是一個圖像、一個文本框或者一個導航欄。CSS可以用來控制盒子的大小、顏色、背景等屬性，下面我們來學習如何寫一個盒子樣式。

.box {
width: 200px; /* 寬度為200像素 */
height: 200px; /* 高度為200像素 */
background-color: #f00; /* 背景顏色為紅色 */
border: 1px solid #000; /* 給盒子加上1像素的黑色邊框 */
padding: 10px; /* 內邊距為10像素 */
margin: 20px; /* 外邊距為20像素，用來控制盒子與其他元素的距離 */
}

在上面的代碼中，我們使用了一個類名.box來定義了一個盒子樣式，這樣可以方便我們在HTML中應用樣式。

第一行的width和height屬性分別設置了盒子的寬度和高度，可以根據具體需求調整數字。接下來的background-color屬性設置了盒子的背景顏色，#f00是紅色的十六進制表示。border屬性可以給盒子加上邊框，其中1px是邊框的粗細，solid表示是實線邊框，#000是黑色的十六進制表示。

padding屬性設置了盒子的內邊距，即盒子內部距離內容的距離，也可以根據需要自行調整。margin屬性則是設置盒子的外邊距，即盒子與其他元素之間的距離。

最后，我們可以在HTML中使用<div class="box"></div>的方式來引用這個盒子樣式，實現自己想要的效果。