<div>是HTML中最常用的標簽之一，它用于創建一個獨立的區塊，可以在其中放置各種內容、文本、圖片和其它元素。而CSS（層疊樣式表）則是一種用于控制網頁樣式和布局的語言。當兩者結合起來使用時，可以實現更加靈活和美觀的網頁設計。本文將重點介紹CSS中關于<div>的使用方法和技巧。
<div>標簽通常用于創建分隔不同區域或元素的容器。我們可以使用CSS來對<div>進行樣式定義，例如設置背景顏色、邊框樣式、內外邊距等。
下面是一個簡單的例子。我們創建了一個<div>元素，并設置了其寬度和高度，背景顏色為紅色，邊框為2像素寬的藍色邊框。

<div id="example">Hello World</div>

#example {
width: 200px;
height: 200px;
background-color: red;
border: 2px solid blue;
}

在上面的代碼中，我們使用了id選擇器“#example”來選中<div>元素，并對其應用了一系列樣式?？梢钥吹?，<div>元素呈現為一個具有指定大小和顏色的矩形區域，并且周圍有藍色邊框。
除了基本的尺寸和樣式定義外，<div>還可以被用作容器，內部可以包含其它HTML元素。這使得我們可以在一個<div>中放置多個元素，并對其進行整體樣式控制。
例如，我們可以在一個<div>中嵌套多個<div>和

標簽，并對其整體進行樣式控制。下面是一個示例：

<div id="container">
<h1>Title</h1>
<p>This is a paragraph.</p>
<div id="subContainer">
<p>This is another paragraph.</p>
</div>
</div>

#container {
width: 300px;
background-color: yellow;
padding: 20px;
border-radius: 10px;
}
<br>
#subContainer {
background-color: green;
margin-top: 10px;
}
<br>
h1 {
color: blue;
}
<br>
p {
font-size: 14px;
}

在上面的代碼中，我們選擇了id為“container”的<div>元素，并對其應用了一些樣式，如設置寬度、背景顏色、內邊距和圓角邊框。同時，我們還選擇了id為“subContainer”的<div>元素，并對其設置了背景顏色和外邊距。此外，我們還對<h1>和

標簽應用了樣式。
通過上面的代碼，我們可以看到，<div>作為一個容器可以包含多個元素，并能夠對整體進行樣式定義。這種結構的使用非常靈活，可以幫助我們更好地組織和控制頁面內容的布局和樣式。
總而言之，<div>是一個非常重要且常用的HTML標簽，結合CSS的使用可以實現更加靈活和美觀的網頁設計。在本文中，我們簡單介紹了如何使用CSS對<div>進行樣式定義和嵌套其他HTML元素。希望這些實例能夠幫助您更好地理解和應用<div>在CSS中的功能和作用。