在CSS中，盒子樣式是一種常見的樣式類型，它用于定義網頁元素的大小、位置、背景顏色和邊框等屬性。下面就來介紹幾種常見的盒子樣式。

/* 矩形盒子 */
.box {
width: 200px;
height: 100px;
background-color: #ccc;
border: 1px solid #333;
}

矩形盒子是最基本的盒子樣式，它可以用于創建各種元素，比如按鈕、圖片和文章區塊等。

/* 圓形盒子 */
.box {
width: 100px;
height: 100px;
background-color: #f00;
border-radius: 50%;
}

圓形盒子可以用于創建很多有趣的元素，比如頭像、標志和菜單按鈕等。

/* 陰影盒子 */
.box {
width: 200px;
height: 100px;
background-color: #f00;
box-shadow: 0 0 10px #777;
}

陰影盒子可以用于為元素添加立體感和深度感，突出元素與背景的區別。

/* 透明盒子 */
.box {
width: 200px;
height: 100px;
background-color: rgba(255, 0, 0, 0.5);
border: 1px solid #333;
}

透明盒子可以用于創建半透明的背景效果，使元素與背景融為一體。

以上就是幾種常見的盒子樣式，通過不同的屬性和組合，我們可以創建出各種各樣的元素，讓網頁變得更加生動有趣。