CSS是Cascading Style Sheets的縮寫，它是一種樣式語言，用于控制網頁的布局和外觀。在CSS中，我們可以使用各種選擇器和屬性來定義HTML元素的樣式。Div是一個重要的HTML元素，它通常被用來創建容器和布局網頁。在本文中，我們將學習如何使用CSS來編寫Div的樣式。

首先，我們需要給Div元素一個類名或ID，以便我們可以在CSS中針對它進行樣式設置。例如：

<div class="container">
...
</div>

在這個示例中，我們為Div元素設置了一個名為“container”的類名。現在，我們可以在CSS中使用這個類名來為Div設置樣式。

例如，我們可以通過設置Div元素的寬度、高度、顏色和背景來自定義它的樣式。例如，要將Div元素的背景色設置為灰色和寬度和高度都設置為100像素，我們可以這樣寫CSS代碼：

.container {
background-color: gray;
width: 100px;
height: 100px;
}

在這個示例中，“.”表示我們正在為一個類名設置樣式。然后，我們定義了Div元素的背景色、寬度和高度。

除此之外，我們也可以使用其他屬性來自定義Div元素的樣式，例如邊框、邊框顏色、內邊距和外邊距等等。下面是一個更完整的示例：

.container {
background-color: gray;
width: 100px;
height: 100px;
border: 1px solid black;
padding: 10px;
margin: 10px;
}

在這個示例中，我們添加了邊框樣式，包括線條寬度和顏色，以及內外邊距。

在CSS中，我們可以創建更多的樣式以針對不同的Div元素。例如，我們可以為不同的類名或ID設置不同的樣式。我們也可以在同一個樣式中使用多個選擇器，以便我們可以一起為多個Div元素設置相同的樣式。

綜上所述，使用CSS編寫Div元素樣式是網頁設計中重要的技能之一。通過定義Div的大小、顏色、邊框和內外邊距等樣式，我們可以創建出簡單而美觀的網頁布局。