在網頁設計中，盒模型是一個重要的概念，它是指一個元素在網頁中的占用空間，由其邊框、內邊距、內容和外邊距組成。

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

.box {
width: 300px; /* 設置盒子寬度為300像素 */
height: 200px; /* 設置盒子高度為200像素 */
padding: 20px; /* 設置內邊距為20像素 */
border: 1px solid black; /* 設置邊框為1像素實心黑色 */
}

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

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

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

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

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