在網頁設計中，div是一種經常使用的HTML標記，它的作用是將頁面中的內容進行區塊化，方便樣式的應用。在使用div時，應用合適的CSS樣式可以讓頁面看上去更加質感和美觀。
首先，我們需要通過CSS控制div的外觀。我們可以使用CSS中的background屬性來設置div的背景顏色或背景圖片，用border屬性來設置div邊框的樣式、寬度、顏色。
div {
background: #fff; /* 設置div背景顏色為白色 */
border: 1px solid #ccc; /* 設置div邊框為1像素固定邊框，顏色為灰色 */
}其次，我們可以通過CSS控制div的排列方式。我們可以使用float屬性來設置div的浮動方式，使得div可以在一行內排列，適應不同的排版需要。
div {
float: left; /* 設置div左浮動 */
width: 200px; /* 設置div寬度為200像素 */
height: 200px; /* 設置div高度為200像素 */
margin-right: 10px; /* 設置div右邊距為10像素 */
}最后，我們可以通過CSS控制div的內部元素排列方式和樣式。我們可以通過設置內部元素的樣式，讓div內部的內容更加美觀。
div p {
font-size: 14px; /* 設置div內的p標簽字體大小為14像素 */
line-height: 24px; /* 設置行高為24像素 */
color: #666; /* 設置文字顏色為灰色 */
}總之，div是網頁設計中使用非常廣泛的HTML標記，通過合適的CSS樣式可以讓網頁看上去更加具有質感和美觀，提高用戶的體驗感。我們可以根據具體情況，合理應用div和CSS樣式，打造出更加精美的頁面。
上一篇div和css書寫樣式
下一篇div+css 案例