CSS盒子是網頁設計中最基本的一個部分，通過它可以控制網頁中元素的布局和展示效果。如果你想掌握網頁設計，首先需要學會如何新建CSS盒子。

/* 新建一個盒子 */
.box {
width: 200px; /* 寬度為200像素 */
height: 100px; /* 高度為100像素 */
background-color: #F5DEB3; /* 設置背景顏色 */
border: 2px solid #CD853F; /* 設置邊框樣式，2像素寬，顏色為#CD853F */
margin: 10px; /* 盒子與其他元素的外邊距為10像素 */
padding: 20px; /* 盒子內部的內邊距為20像素 */
}

在CSS中，我們使用類選擇器來給盒子添加樣式。在上面的代碼中，我們新建了一個類名為“box”的盒子，然后給它設置了一些基本屬性，如寬度、高度、背景顏色、邊框樣式、外邊距和內邊距等。

在實際使用時，我們可以在HTML中添加一個div標簽，并給它添加“box”類名，就能將上述樣式應用到該div盒子上。

<div class="box">
<p>這是一個盒子</p>
</div>

通過以上步驟，我們成功新建了一個CSS盒子，并將基本樣式應用到了它上面。在實際使用中，我們可以根據頁面需求，調整盒子的樣式和屬性，來實現不同的布局效果。