在網頁設計中，CSS是一個非常重要的部分，它可以通過修改HTML元素的樣式，實現網頁布局和美化。其中，div盒子模型是最常見的元素之一，可以用于劃分頁面的不同區域。

使用CSS可以修改div盒子模型的樣式，包括大小、邊框、內邊距、外邊距等。下面是一個例子：

div {
width: 100px;   /* 寬度為100px */
height: 100px;  /* 高度為100px */
border: 1px solid #ccc;  /* 邊框為1px實線，顏色為灰色 */
padding: 10px;  /* 內邊距為10px */
margin: 20px;   /* 外邊距為20px */
}

在這個例子中，我們為div元素定義了寬度、高度、邊框、內邊距和外邊距。這些樣式可以通過CSS的選擇器來應用到具體的元素中。

另外，我們也可以使用相對單位（如百分比）來設置div盒子模型的大小，這樣可以適應不同的屏幕尺寸和單行布局。例如：

div {
width: 50%;  /* 寬度為父元素寬度的50% */
height: 200px;  /* 高度為200px */
padding: 20px;  /* 內邊距為20px */
margin: auto;   /* 水平居中 */
}

通過以上的示例，我們可以看到CSS對于div盒子模型的修改是非常靈活和自由的。在實際的網頁設計中，根據具體的需求和布局要求，我們可以利用CSS對div盒子模型進行更加詳細的樣式設置。