CSS鼠標(biāo)點(diǎn)擊事件可以讓我們?cè)陧撁嬷刑砑痈鞣N點(diǎn)擊效果或動(dòng)畫，增強(qiáng)用戶交互性。下面是一個(gè)CSS鼠標(biāo)點(diǎn)擊事件的例子：

/* HTML */
<div class="box">Click Me</div>
/* CSS */
.box {
width: 100px;
height: 100px;
background-color: green;
transition: transform .5s;
}
.box:active {
transform: scale(0.9);
background-color: red;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)寬高都為100px的綠色盒子，并且設(shè)置了一個(gè)transform屬性的過渡效果，讓盒子在被點(diǎn)擊時(shí)有一個(gè)縮小的動(dòng)畫。通過使用:active偽類選擇器，我們定義了點(diǎn)擊時(shí)的樣式，包括將盒子的背景色變?yōu)榧t色，同時(shí)將transform屬性的值縮小到0.9。

需要注意的是，:active偽類只在鼠標(biāo)點(diǎn)擊時(shí)激活，如果鼠標(biāo)松開或者移動(dòng)到其他位置，樣式就會(huì)失效。另外，這個(gè)例子中我們使用了CSS3的transform屬性，要想使用這個(gè)屬性，需要注意瀏覽器的兼容性。

總的來說，CSS鼠標(biāo)點(diǎn)擊事件是一個(gè)非常有用的工具，可以幫助我們?cè)陧撁嬷性鰪?qiáng)用戶交互性，讓頁面更加生動(dòng)有趣。