CSS盒子模型是網頁布局的基礎，它的掌握對于前端開發者來說非常重要。以下是使用CSS畫盒子的基本方法：

.box {
width: 200px;
height: 100px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 20px;
margin: 20px;
background-color: #f5f5f5;
}

上面的代碼定義了一個盒子，其中的屬性分別表示：

• 寬度(width)：200px
• 高度(height)：100px
• 邊框(border)：1px實線邊框，顏色為#ccc
• 圓角(border-radius)：設置圓角效果，圓角半徑為5px
• 內邊距(padding)：盒子內部上下邊距為10px，左右邊距為20px
• 外邊距(margin)：盒子外部上下左右邊距為20px
• 背景顏色(background-color)：盒子的背景顏色為#f5f5f5

以上代碼中的.box是定義盒子的類名，在HTML中使用

CSS盒子模型可以通過設置不同的屬性，實現各種不同的盒子效果，讓網頁設計更加靈活多樣。