在網(wǎng)頁設(shè)計(jì)中，盒模型是一個(gè)重要的概念，它是指一個(gè)元素在網(wǎng)頁中的占用空間，由其邊框、內(nèi)邊距、內(nèi)容和外邊距組成。

CSS中有四個(gè)屬性用來設(shè)置盒模型：width、height、padding和border。

.box {
width: 300px; /* 設(shè)置盒子寬度為300像素 */
height: 200px; /* 設(shè)置盒子高度為200像素 */
padding: 20px; /* 設(shè)置內(nèi)邊距為20像素 */
border: 1px solid black; /* 設(shè)置邊框?yàn)?像素實(shí)心黑色 */
}

在上面的CSS代碼中，width和height屬性分別設(shè)置了盒子的寬度和高度，padding屬性設(shè)置了盒子的內(nèi)邊距，border屬性設(shè)置了邊框的寬度、樣式和顏色。

除此之外，CSS還提供了兩個(gè)屬性用來設(shè)置元素的外邊距：margin-top和margin-bottom。

.box {
width: 300px;
height: 200px;
padding: 20px;
border: 1px solid black;
margin-top: 50px; /* 設(shè)置上外邊距為50像素 */
margin-bottom: 10px; /* 設(shè)置下外邊距為10像素 */
}

在上面的CSS代碼中，margin-top和margin-bottom屬性分別設(shè)置了盒子的上外邊距和下外邊距。

總結(jié)一下，CSS中的四個(gè)屬性用來設(shè)置盒模型是：width、height、padding和border；另外還有兩個(gè)屬性用來設(shè)置外邊距是：margin-top和margin-bottom。