<div> 是HTML中用來表示一個容器的標簽，可以用于將HTML元素組織起來，使其以塊狀顯示。而CSS是一種用來描述網頁樣式的語言，通過CSS樣式表來控制HTML元素的外觀。在使用CSS時， <div> 標簽可以用來選擇并設置元素的樣式，從而使其呈現出我們想要的效果。
下面，我將通過幾個代碼案例來詳細說明如何使用CSS來創建和樣式化 <div> 元素。
，我們來創建一個簡單的 <div> 元素，并為其添加一些基本的樣式。在HTML文件中添加如下代碼：

<code>
<p><div id="myDiv"></p>
<p>   This is my div.</p>
<p></div></p>
</code>

接下來，在CSS樣式表中設置如下樣式：

<code>
<p>#myDiv {</p>
<p>   width: 200px;</p>
<p>   height: 100px;</p>
<p>   background-color: lightblue;</p>
<p>}</p>
</code>

在上述代碼中，通過為 <div> 元素設置id為"myDiv"，然后在CSS樣式表中選擇該id來定義樣式。在此例中，我們設置了 <div> 元素的寬度為200px，高度為100px，并將背景顏色設置為淺藍色。
接下來，我們嘗試為 <div> 元素添加一些邊框效果。在CSS樣式表中添加如下代碼：

<code>
<p>#myDiv {</p>
<p>   width: 200px;</p>
<p>   height: 100px;</p>
<p>   background-color: lightblue;</p>
<p>   border: 1px solid black;</p>
<p>}</p>
</code>

在上述代碼中，我們通過設置 "border" 屬性為 "1px solid black"，為 <div> 元素添加了一個黑色的邊框。可以根據需要調整邊框的厚度和顏色值。
除了設置邊框，我們還可以通過CSS樣式表為 <div> 元素添加一些內外邊距來控制元素之間的間隔。在CSS樣式表中添加如下代碼：

<code>
<p>#myDiv {</p>
<p>   width: 200px;</p>
<p>   height: 100px;</p>
<p>   background-color: lightblue;</p>
<p>   border: 1px solid black;</p>
<p>   padding: 10px;</p>
<p>   margin: 20px;</p>
<p>}</p>
</code>

在上述代碼中，我們通過設置 "padding" 屬性為 "10px"，為 <div> 元素添加了10px的內邊距；通過設置 "margin" 屬性為 "20px"，為 <div> 元素添加了20px的外邊距。這樣，我們就可以在頁面中控制元素之間的間隔了。
綜上所述，通過使用 <div> 元素和CSS樣式表，我們可以輕松地創建和樣式化不同類型的容器。需要注意的是，以上只是一些基本的示例，實際使用中可以根據具體需求進行靈活設置和調整。希望以上的解釋和示例能對您理解如何使用CSS來創建和樣式化 <div> 元素有所幫助。