標題：如何使用 CSS 創建 div 元素

在網頁開發中，div 元素是一種常見的容器元素，可以用來包裹和容器其他元素。使用 CSS 可以對這些 div 元素進行樣式設置，使其具有特定的外觀和功能。在本文中，我們將介紹如何使用 CSS 創建 div 元素，以及如何對其樣式進行設置。

1. 了解 div 元素

div 元素是 HTML 文檔中的常用元素之一，它用來創建水平分隔符，可以將文本分為多個部分。div 元素也可以用來創建垂直分隔符，將文本分為多個段落。

2. 創建 div 元素

在編寫 HTML 文檔時，可以使用 <div> 標簽來創建 div 元素。例如，以下代碼將創建一個包含文本的 div 元素：

```html

<div>

<h1>Hello World!</h1>

<p>This is a paragraph.</p>

</div>

在這個例子中，使用 <div> 標簽創建了一個包含文本的 div 元素，并設置了其樣式。可以通過 CSS 對 div 元素進行樣式設置，使其具有特定的外觀和功能。

3. 設置 div 元素的樣式

要設置 div 元素的樣式，可以使用 CSS 樣式表。以下是一些常用的 CSS 屬性，可以用于設置 div 元素的樣式：

```css

div {

width: 200px;

height: 200px;

background-color: #f00;

border: 1px solid #ccc;

在這個例子中，使用 CSS 設置了 div 元素的寬和高，背景顏色和邊框樣式。

4. 示例

下面是一個簡單的示例，展示了如何使用 CSS 創建 div 元素：

```html

<div>

<h1>Hello World!</h1>

<p>This is a paragraph.</p>

</div>

在這個例子中，使用 <div> 標簽創建了一個 div 元素，并設置了其樣式。

通過使用 CSS，我們可以輕松地創建 div 元素，并對其進行樣式設置，使其具有特定的外觀和功能。