鼠標單擊是我們在交互式網頁中經常使用的操作。而如何在頁面中定義鼠標單擊時的樣式是一個非常重要的問題。這就需要使用CSS來解決。

在CSS中，我們可以使用:hover偽類來定義當鼠標懸停在元素上時應該發生什么。而當我們需要在鼠標單擊時改變樣式時，就可以使用:active偽類。

使用:active偽類是非常簡單的。只需要在CSS中加入以下代碼即可：

selector:active {
/*樣式屬性*/
}

在這里，selector代表你需要定義樣式的元素選擇器。在花括號之間，你可以添加需要改變的樣式屬性。

例如，當你需要定義一個按鈕，當它被點擊時變成紅色，可以使用如下代碼：

button:active {
background-color: red;
}

當按鈕被點擊時，背景顏色就會變成紅色。

除了像背景顏色這樣的簡單屬性外，你還可以使用更多復雜的樣式屬性，如Box Shadow或Transform。你可以在以下示例中看到更多：

div:active {
box-shadow: 3px 3px 3px grey;
transform: scale(0.9);
}

在這個示例中，當div被點擊時，它會具有3px陰影和0.9倍的縮放效果。

總之，使用:active偽類非常簡單，而且可以讓你的網站更加生動和互動。開始加入它們到你的樣式中，提高你的網站的用戶友好性!