CSS是網頁設計中必不可少的一部分。其中，改變鼠標點擊后的樣式是非常重要的。下面就來介紹一下如何在CSS中實現鼠標點擊后變色的效果。

// HTML 
<div class="box">這是一個div元素</div>
// CSS
.box {
width: 100px;
height: 100px;
background-color: pink;
}
.box:active {
background-color: yellow;
}

在上述代碼中，我們先定義了一個class名為“box”的div，然后通過在.box后加入“:active”的偽類來實現鼠標點擊后的變色效果。在這里，我們將其改變為黃色。您還可以隨意修改成其他顏色。

偽類“:active”表示元素被激活時的狀態，也就是點擊時的狀態。

最后，我們需要強調一下的是，CSS樣式的實現需要兼顧瀏覽器的兼容性。建議您在設定樣式時，考慮到所有的主流瀏覽器并進行兼容。