在網(wǎng)頁制作中，我們常常需要控制某些元素的行為，比如鼠標(biāo)點(diǎn)擊后會停留在某個(gè)位置，這時(shí)候就需要使用CSS來控制。

.box:hover {
background-color: red;
}

以上代碼中的:hover偽類表示鼠標(biāo)懸停在.box元素上時(shí)觸發(fā)該效果，即背景顏色變成紅色。

另外，還可以使用transition屬性來實(shí)現(xiàn)漸變過渡效果，讓網(wǎng)頁看起來更加平滑自然。

.box {
background-color: blue;
transition: background-color 1s;
}
.box:hover {
background-color: red;
}

以上代碼中，.box元素默認(rèn)背景色為藍(lán)色，當(dāng)鼠標(biāo)懸停時(shí)背景色變成紅色，同時(shí)使用了transition屬性來控制顏色變化的過渡時(shí)間為1秒。

點(diǎn)擊下停留效果除了可以應(yīng)用在網(wǎng)頁的元素上，還可以用在導(dǎo)航欄、按鈕等地方，為用戶提供更好的交互體驗(yàn)。