看到網(wǎng)頁上有些元素，比如按鈕、鏈接等，點(diǎn)擊后會(huì)出現(xiàn)一些效果。這些效果是如何實(shí)現(xiàn)的呢？答案就是CSS點(diǎn)擊后的樣式。

button:hover{
background-color: yellow;
}

這是一個(gè)CSS樣式，它叫做:hover。其中，button代表鼠標(biāo)移到按鈕上時(shí)觸發(fā)。而:hover則代表當(dāng)鼠標(biāo)懸停在button上時(shí)，背景顏色變?yōu)辄S色。

同樣的，我們可以設(shè)置:active樣式，代表當(dāng)鼠標(biāo)點(diǎn)擊按鈕時(shí)觸發(fā)。例如：

button:active{
background-color: red;
}

這個(gè)樣式表示當(dāng)鼠標(biāo)點(diǎn)擊按鈕時(shí)，背景色變?yōu)榧t色。

除了:hover和:active之外，我們還可以使用:focus樣式。當(dāng)用戶選擇某個(gè)字段時(shí)（比如輸入框），它就會(huì)以某種方式高亮顯示。代碼如下：

input:focus{
border: 2px solid blue;
}

這個(gè)樣式表示當(dāng)用戶選中某一個(gè)輸入框時(shí)，該輸入框會(huì)出現(xiàn)一個(gè)藍(lán)色邊框。

綜上所述，CSS點(diǎn)擊后的樣式通過添加:hover、:active和:focus等樣式，可以讓網(wǎng)頁在用戶交互時(shí)呈現(xiàn)出更多動(dòng)態(tài)效果，增加用戶體驗(yàn)。