在 CSS 中，一個盒子代表了 HTML 元素在頁面上的可見表現(xiàn)。盒子模型由四個元素組成，分別是外邊距（margin）、邊框（border）、內(nèi)邊距（padding）以及元素的具體內(nèi)容（content）。

.box {
/* 定義外邊距 */
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
/* 定義邊框 */
border-top: 1px solid black;
border-right: 2px dotted red;
border-bottom: 3px double blue;
border-left: 4px groove green;
/* 定義內(nèi)邊距 */
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
/* 定義具體內(nèi)容 */
background-color: yellow;
color: red;
font-size: 16px;
}

在上面的代碼中，.box 是一個盒子的類名，其它 CSS 屬性用于定義盒子元素的外觀。

外邊距（margin）用于控制元素和其它元素之間的距離。邊框（border）定義了元素可見的邊框樣式。內(nèi)邊距（padding）會在邊框和元素內(nèi)容之間留出一段空白區(qū)域，讓內(nèi)容更加清晰易讀。具體內(nèi)容（content）是指 HTML 元素的實際內(nèi)容，比如文字、圖片等。

除了上面所列舉的 CSS 屬性，我們還可以通過其它屬性如 width、height、float、position 等來控制盒子的布局和位置。