<div>是HTML中用于定義文檔中某個塊級元素的容器。它可以用于包含其他HTML元素，如文本、圖像、表格等。當我們想對這個容器進行樣式設置時，可以使用CSS來實現。本文將詳細介紹如何自學使用CSS對div元素進行樣式設置。

在學習div CSS之前，我們先來了解一些基礎知識。CSS（層疊樣式表）是一種用于描述網頁樣式布局的語言。通過CSS，我們可以控制網頁元素的顏色、字體、大小、位置等屬性，并使網頁更加美觀。對于div元素而言，CSS可以用來設置其背景顏色、邊框、寬高等屬性，從而實現不同的布局效果。

下面通過幾個案例來詳細說明如何使用CSS對div元素進行樣式設置。

案例一：設置div的背景顏色

<div class="container">
這是一個div元素。
</div>
<br>
<style>
.container {
background-color: yellow;
}
</style>

在這個案例中，我們給div元素添加了一個class為"container"，并使用CSS的background-color屬性將其背景顏色設置為黃色。

案例二：設置div的邊框

<div class="container">
這是一個div元素。
</div>
<br>
<style>
.container {
border: 1px solid black;
}
</style>

在這個案例中，我們使用CSS的border屬性將div元素的邊框設置為1個像素的實線邊框，并顏色為黑色。

案例三：設置div的寬度和高度

<div class="container">
這是一個div元素。
</div>
<br>
<style>
.container {
width: 200px;
height: 100px;
}
</style>

在這個案例中，我們使用CSS的width屬性將div元素的寬度設置為200像素，使用height屬性將其高度設置為100像素。

通過上述案例，我們可以看到使用CSS對div元素進行樣式設置是非常簡單的。只需要通過選擇器選中div元素，然后使用合適的CSS屬性對其進行樣式設置即可。在學習的過程中，我們可以參考其他文章中的真實案例，了解更多的樣式設置方法和技巧。

：

通過本文，我們初步了解了使用CSS對div元素進行樣式設置的方法。CSS是一種廣泛應用于網頁開發的技術，通過對不同的HTML元素進行樣式設置，可以實現豐富多樣的網頁布局和設計效果。在學習CSS時，我們可以參考實際案例，多加練習，不斷提升自己的技能。