CSS中超鏈接鼠標點擊的效果可以通過:hover和:active兩個偽類來實現。

a:hover{
color: red;
text-decoration: none;
}
a:active{
color: blue;
text-decoration: underline;
}

當鼠標放在超鏈接上時，:hover偽類將實現超鏈接文字變色且無下劃線的效果。這樣的效果可以使用戶更加清晰地知道鼠標已經懸浮在超鏈接上。

當鼠標點擊超鏈接并保持不放的時候，:active偽類將實現超鏈接文字變色并增加下劃線的效果。這樣的效果可以使用戶更加清晰地知道自己點擊了超鏈接。

鼠標放開后，:active偽類的效果就消失了。

除了可以改變顏色和下劃線，還可以通過background-color屬性來實現背景色的改變，以增強用戶交互體驗。

a:hover{
color: white;
background-color: red;
}
a:active{
color: white;
background-color: blue;
}

這樣的效果可以使用戶更加清晰地知道自己點擊了超鏈接，并且增加了鼠標懸浮效果的動態感。