CSS是前端開發中必不可少的技術，掌握好CSS的使用能夠快速提升頁面的布局效果。在CSS中，我們可以使用盒子模型來控制元素的大小和位置。以下是如何添加盒子的一些技巧。

.box {
width: 300px;
height: 200px;
border: 1px solid black;
padding: 10px;
margin: 20px;
}
.box:hover {
background: lightgray;
}

以上代碼創建了一個寬為300像素，高為200像素的盒子，它的邊框顏色為黑色，內邊距為10像素，外邊距為20像素。

此外，我們可以為盒子添加陰影效果。

.box {
width: 300px;
height: 200px;
box-shadow: 0 0 10px black;
}

以上代碼為盒子添加了黑色的陰影效果。其中，第一個參數代表橫向偏移量，第二個參數代表縱向偏移量，第三個參數代表陰影模糊半徑，第四個參數代表陰影顏色。

我們還可以通過使用border-radius屬性來為盒子添加圓角。

.box {
width: 300px;
height: 200px;
border-radius: 10px;
}

以上代碼為盒子的四個角添加了10像素的圓角。

總之，CSS提供了許多方法來美化我們的盒子元素。掌握好這些技巧，你的頁面效果將更加出色。