CSS是網頁設計中重要的一環，它能夠對HTML元素進行樣式的設置。而在HTML中，div元素是非常常見的一個標簽，用于將頁面的內容區塊進行劃分。在CSS中，利用div元素同樣可以實現許多有趣的效果。

/* CSS代碼 */
div {
width: 200px;
height: 200px;
background-color: #f9f9f9;
padding: 20px;
margin: 10px;
border: 2px solid #ccc;
}

上面的CSS代碼中，定義了div元素的寬度、高度、背景顏色、內邊距、外邊距和邊框。我們可以利用這些屬性的設置，將網頁分成不同的部分，使得頁面更加美觀、有效的傳達信息。

除此之外，在利用div元素劃分區塊時，我們往往會給每一個div元素賦予不同的class或id，以便于在CSS中應用不同的樣式。例如：

/* CSS代碼 */
.disclaimer {
font-size: 12px;
color: #999;
text-align: center;
margin-top: 10px;
}
.news {
font-size: 16px;
color: #333;
}

在上面的例子中，我們定義了兩個不同的class：disclaimer和news。通過在HTML中給不同的div元素加上這些class，就可以實現不同的效果，例如網頁中底部的免責聲明區域和新聞內容區域：

<div class="disclaimer">
<p>本站所有內容均來自互聯網，僅供學習和交流使用，請勿商用或傳播</p>
</div>
<div class="news">
<h2>全國人大代表談民生</h2>
<p>全國人大代表王小波建議加大對高校師生的資助力度，同時也應該加強對留守兒童的關注。</p>
</div>

通過這樣的方式，我們可以方便地實現頁面區塊的樣式設置，并使得頁面整體的設計更加協調、清晰。