CSS盒子模型是CSS布局的基礎，它可以將HTML元素看作是一個盒子，通過調(diào)整盒子的尺寸、位置、形狀等屬性，來實現(xiàn)網(wǎng)頁的排版布局，下面是一些關(guān)于CSS盒子模型的代碼示例：

1、盒子的尺寸設置：

在CSS中，我們可以使用width和height屬性來設置盒子的尺寸，要將一個div元素的寬度設置為300px，高度設置為200px，可以使用以下代碼：

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

2、盒子的邊框設置：

在CSS中，我們可以使用border屬性來設置盒子的邊框，要給一個div元素添加一條寬度為2px、顏色為黑色的邊框，可以使用以下代碼：

div {
  border: 2px solid black;
}

3、盒子的背景設置：

在CSS中，我們可以使用background屬性來設置盒子的背景，要給一個div元素添加一張背景圖片，可以使用以下代碼：

div {
  background: url('image.jpg') no-repeat center center;
}

4、盒子的位置設置：

在CSS中，我們可以使用position屬性來設置盒子的位置，要將一個div元素放置在網(wǎng)頁的右下角，可以使用以下代碼：

div {
  position: fixed;
  bottom: 0;
  right: 0;
}

是一些關(guān)于CSS盒子模型的代碼示例，通過這些示例，我們可以更好地理解CSS盒子模型的應用，在實際開發(fā)中，我們可以根據(jù)具體的需求和場景來選擇適合的盒子模型，并調(diào)整盒子的各種屬性來實現(xiàn)網(wǎng)頁的排版布局。