<div>在CSS中使用<div>標簽是非常常見的操作。它是一種塊級元素，用于在HTML頁面中創建一個獨立的容器。通過加入<div>標簽，我們可以更好地組織和控制頁面的結構和布局，使得頁面更加美觀和易于維護。
<div>標簽最基本的用法是創建一個空的div容器。我們可以在<div>標簽中添加其他HTML元素，如文本、圖像、表格等。div的樣式可以通過CSS進行修改，從而實現對頁面布局的控制。
以下是幾個具體的代碼案例，詳細解釋了在CSS中如何使用<div>標簽。
案例一：基本樣式設置

下面的代碼演示了如何使用<div>標簽并設置其樣式：

<style>
.myDiv {
width: 200px;
height: 100px;
background-color: yellow;
border: 1px solid black;
text-align: center;
padding-top: 30px;
}
</style>
<br>
<div class="myDiv">
這是一個div容器
</div>

上述代碼中，我們定義了一個類名為"myDiv"的div容器，設置了寬度、高度、背景顏色、邊框樣式等。通過CSS的樣式設置，我們可以輕松地改變div容器的外觀。

案例二：嵌套結構

下面的代碼演示了如何使用<div>標簽進行嵌套，以構建復雜的頁面結構：

<style>
.header {
width: 100%;
height: 80px;
background-color: lightblue;
}
<br>
    .main {
width: 100%;
height: 200px;
background-color: lightgreen;
}
<br>
    .footer {
width: 100%;
height: 60px;
background-color: lightgray;
}
</style>
<br>
<div class="header">
這是頭部
</div>
<br>
<div class="main">
這是主體內容
</div>
<br>
<div class="footer">
這是頁腳
</div>

上述代碼中，我們使用<div>標簽創建了<header>、<main>和<footer>三個div容器，并分別為它們設置了樣式。通過這種嵌套結構，我們可以更好地組織和分離頁面的不同部分，使得頁面結構更加清晰。

案例三：使用<div>實現多種布局

下面的代碼演示了如何使用<div>標簽實現不同的頁面布局：

<style>
.left {
width: 30%;
height: 200px;
background-color: lightblue;
float: left;
}
<br>
    .right {
width: 70%;
height: 200px;
background-color: lightgreen;
float: right;
}
</style>
<br>
<div class="left">
這是左側內容
</div>
<br>
<div class="right">
這是右側內容
</div>

上述代碼中，我們使用<div>標簽創建了左側和右側兩個div容器，并分別為它們設置了樣式。通過設置浮動屬性，我們將左側內容和右側內容排列在一行上，從而實現了兩欄布局。

綜上所述，使用<div>標簽是CSS中非常常見和重要的操作之一。通過<div>標簽，我們可以方便地創建獨立的容器并控制頁面的結構和布局。衷心希望這篇文章對你理解和使用<div>標簽有所幫助！