CSS中的方框模型是Web開(kāi)發(fā)中的基本元素之一。它由四個(gè)重要的元素組成，分別是內(nèi)容區(qū)、內(nèi)邊距（padding）、邊框（border）和外邊距（margin）。

.box {
/* 設(shè)置內(nèi)容區(qū)的樣式 */
width: 200px;
height: 200px;
background-color: #ccc;
/* 設(shè)置內(nèi)邊距 */
padding: 20px;
/* 設(shè)置邊框 */
border: 1px solid #000;
/* 設(shè)置外邊距 */
margin: 20px;
}

在上面的代碼中，我們定義了一個(gè)名為“.box”的CSS選擇器，并給它設(shè)置了寬、高和背景顏色屬性。接著，我們使用“padding”屬性來(lái)設(shè)置它的內(nèi)邊距大小，這里設(shè)為20px。此時(shí)一個(gè)簡(jiǎn)單的灰色方框已經(jīng)呈現(xiàn)在瀏覽器中了。

接下來(lái)，我們使用“border”屬性來(lái)給方框設(shè)置一個(gè)1像素粗的黑色邊框。這是用“solid”樣式，即為實(shí)心邊框。

最后，我們使用“margin”屬性來(lái)為元素定義外邊距，這樣我們的方框就可以和其他HTML元素保持一定的距離。在這里，我們把外邊距也設(shè)為20像素。

至此，我們就完成了CSS中方框模型的四個(gè)元素的基本設(shè)置。通過(guò)靈活應(yīng)用它們，可以創(chuàng)造出許多不同的布局效果。