<div>是HTML中的一個元素，用來創建一個容器，可以用來包裹其他HTML元素。在CSS中，可以使用<div>元素的類選擇器來為該元素添加樣式。
<div>元素是一個塊級元素，默認情況下，寬度占據父元素的100%。使用CSS的屬性和值，我們可以對<div>元素進行寬高、背景顏色、邊框、邊距等樣式的設置。
下面是幾個<div>元素的CSS設置的案例：
1. 設置<div>的背景顏色和邊框樣式：

<style>
.container {
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
}
</style>
<br>
<div class="container">
<p>這是一個包含背景顏色和邊框樣式的容器</p>
</div>

在上面的例子中，我們創建了一個類選擇器為"container"的<div>元素，并設置了背景顏色為#f2f2f2，邊框為1px實線，邊距為10px。
2. 設置<div>元素的寬度和高度：

<style>
.box {
width: 200px;
height: 150px;
background-color: #ddd;
}
</style>
<br>
<div class="box">
<p>這是一個寬度為200px，高度為150px的盒子</p>
</div>

在上面的例子中，我們創建了一個類選擇器為"box"的<div>元素，并設置了寬度為200px，高度為150px，背景顏色為#ddd。
3. 設置<div>元素的浮動和位置：

<style>
.left {
float: left;
width: 200px;
height: 150px;
background-color: #aaf;
}
<br>
    .right {
float: right;
width: 200px;
height: 150px;
background-color: #faa;
}
</style>
<br>
<div class="left">
<p>左側浮動盒子</p>
</div>
<br>
<div class="right">
<p>右側浮動盒子</p>
</div>

在上面的例子中，我們創建了兩個類選擇器為"left"和"right"的<div>元素，并設置了浮動、寬度、高度和背景顏色。左側的盒子設置了左浮動，右側的盒子設置了右浮動。
通過以上幾個案例，我們可以看到，使用<div>元素和CSS的屬性和值，我們可以輕松地創建出各種樣式的容器。<div>元素的靈活性使得它成為了Web開發中常用的元素之一。