本文目錄導讀：

1. 設置盒子背景顏色
2. 設置盒子邊框
3. 設置盒子大小
4. 設置盒子形狀

如何設置盒子樣式

CSS（層疊樣式表）是一種用于描述HTML（超文本標記語言）或XML（可擴展標記語言）文檔樣式的計算機語言，在CSS中，我們可以使用各種屬性來設置盒子的樣式，包括顏色、大小、形狀等。

設置盒子背景顏色

在CSS中，我們可以使用background-color屬性來設置盒子的背景顏色，如果我們想要將盒子的背景顏色設置為紅色，可以編寫如下代碼：

div {
  background-color: red;
}

設置盒子邊框

除了背景顏色，我們還可以使用border屬性來設置盒子的邊框。border屬性可以接收多個值，包括邊框的寬度、顏色和樣式，如果我們想要將盒子的邊框設置為2像素寬、黑色且為實線樣式，可以編寫如下代碼：

div {
  border: 2px solid black;
}

設置盒子大小

在CSS中，我們可以使用width和height屬性來設置盒子的大小，這兩個屬性分別表示盒子的寬度和高度，如果我們想要將盒子的寬度設置為300像素、高度設置為200像素，可以編寫如下代碼：

div {
  width: 300px;
  height: 200px;
}

設置盒子形狀

除了顏色、大小和邊框外，我們還可以使用border-radius屬性來設置盒子的形狀，這個屬性可以接收一個數(shù)值，表示邊框的圓角半徑，如果我們想要將盒子的邊框設置為10像素的圓角半徑，可以編寫如下代碼：

div {
  border-radius: 10px;
}

是一些基本的CSS盒子樣式設置方法，CSS還支持更多的樣式設置屬性，可以根據(jù)具體需求進行選擇和調整。