HTML和CSS是Web開發中最常用的技術之一，用于創建網頁布局和樣式。在HTML中，Div是用于創建盒子(盒子模型)的元素，而CSS則用于設置盒子的樣式和外觀。本文將介紹如何使用CSS設置DIV元素。

讓我們開始了解如何使用CSS設置DIV元素。

1. 選擇div元素

要設置div元素，需要在HTML代碼中選擇div元素。可以使用<div>標簽來創建div元素，也可以使用其他標簽，例如<p>或<h1>等。

2. 設置div元素的樣式

一旦選擇了div元素，就可以使用CSS來設置其樣式。可以通過在div元素上添加屬性來實現這一點，例如：

<div style="width: 100px; height: 100px; background-color: blue;">

這是一個div元素。

</div>

在上面的代碼中，我們選擇了一個div元素，并為其設置了一個寬度和高度，背景顏色為藍色。

3. 添加其他樣式

除了設置元素的常規樣式外，還可以使用CSS來添加其他樣式，例如：

<div style="font-size: 16px; line-height: 1.5;">

這是一個div元素，它具有一個高斯模糊和一個小字體大小。

</div>

在上面的代碼中，我們為div元素添加了一個高斯模糊和一個小字體大小，以使其看起來更模糊和更小。

4. 控制div元素的位置和滾動高度

還可以使用CSS來控制div元素的位置和滾動高度。可以使用CSS的<style>標簽來添加以下屬性：

<style>

div {

position: absolute;

top: 50px;

left: 50px;

width: 100px;

height: 100px;

</style>

在上面的代碼中，我們為div元素設置了一個絕對定位，并將其設置為寬度為100px，高度為100px，背景顏色為藍色。通過將這些屬性設置為值，可以控制div元素的位置和滾動高度。

這只是CSS設置div元素的一些基本用法。CSS可以用于創建各種樣式，例如文本樣式、邊框樣式、背景顏色、字體大小、高斯模糊等等。通過使用CSS，我們可以輕松地創建出漂亮的網頁布局。