div是HTML中的一種常見的容器標簽，可以用來包含其他元素。除此之外，div也常常和CSS一起使用，用來調整頁面的布局和樣式。

<div>
<p>這是一個段落。</p>
<ul>
<li>列表項 1</li>
<li>列表項 2</li>
</ul>
</div>

在上面的例子中，div標簽包含了一個段落和一個無序列表。現在，我們可以使用CSS對這個div進行布局和樣式的調整。

div {
background-color: lightblue;
border: 1px solid black;
padding: 10px;
margin: 10px;
}

在上面的CSS代碼中，我們設置了div的背景顏色、邊框、內邊距和外邊距。這些屬性可以根據實際需要進行修改。

除了上面的基本用法，div還可以和其他CSS屬性和選擇器一起使用，比如float、display、id和class等等。

這是一個盒子。
.box {
width: 200px;
height: 200px;
background-color: lightblue;
float: left;
margin: 10px;
text-align: center;
}

在上面的例子中，我們給div添加了一個class屬性，并用CSS設置了它的寬高、背景顏色、浮動、外邊距和文本居中等樣式。

總之，div是HTML中非常實用的一個標簽，它能夠幫助我們為頁面搭建良好的結構，而CSS則可以幫助我們對div進行更加豐富的樣式和布局調整。