在網(wǎng)頁設(shè)計中，CSS 是非常重要的一部分，其中設(shè)置 div 點擊樣式也是不可忽視的。下面我們通過代碼示例來學(xué)習(xí)如何設(shè)置 div 點擊樣式。

<div class="box">這是一個 box</div>

首先我們需要給 div 設(shè)置一個 class 名稱，這樣我們就可以通過 CSS 來操作它。接下來，我們可以用偽類 :hover 來設(shè)置鼠標(biāo)滑過時的樣式，用偽類 :active 來設(shè)置鼠標(biāo)點擊時的樣式。

.box {
width: 200px;
height: 200px;
background-color: lightblue;
text-align: center;
line-height: 200px;
font-size: 20px;
}
.box:hover {
background-color: blue;
color: #fff;
}
.box:active {
background-color: darkblue;
color: #fff;
}

在上述代碼中，我們給 div 設(shè)置了寬度、高度、背景顏色、文字居中、行高和文字大小等樣式。然后我們使用 .box:hover 來設(shè)置鼠標(biāo)滑過時 div 的背景顏色為藍(lán)色，文字顏色為白色。使用 .box:active 來設(shè)置鼠標(biāo)點擊時 div 的背景顏色為深藍(lán)色，文字顏色為白色。

以上就是通過 CSS 設(shè)置 div 點擊樣式的方法，希望對大家的學(xué)習(xí)有所幫助。