在 CSS 樣式中，方框是一個常見的組件。它們可以用來創建分割線、邊框和背景等效果。以下是一些基本的 CSS 方框樣式。

.box {
width: 200px;
height: 200px;
border: 1px solid black;
}
.box1 {
border-radius: 50%;
}
.box2 {
border-top: 1px dashed black;
border-right: 2px dotted black;
border-bottom: 3px double black;
border-left: 4px solid black;
}
.box3 {
box-shadow: 5px 5px 10px black;
}
.box4 {
background-color: lightblue;
padding: 20px;
}

上面的代碼使用了一些常見的 CSS 屬性來創建不同類型的方框效果。下面是對這些屬性進行解釋：

• border：設置邊框的樣式、寬度和顏色。
• border-radius：用于實現邊框圓角效果。
• box-shadow：用于添加陰影效果到方框。
• background-color：用于設定方框的背景顏色。
• padding：設置方框內部的空白區域。

你可以根據需要將這些屬性組合使用，來創建出更復雜的方框樣式。例如：

.complex-box {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 10px 10px 20px gray;
padding: 10px;
background-color: lightgray;
border: 2px solid black;
}

上面的代碼創建了一個稍微復雜些的方框，它具有圓角、陰影、邊框和背景色等效果。