在網頁設計時，除了排版布局和顏色搭配，鼠標交互效果也是很重要的一環。而CSS中，可以通過一些屬性實現鼠標點擊時的效果，以下是一些常見的示例：

/* 文字顏色變化 */
a:active {
color: red;
}
/* 背景顏色變化 */
button:active {
background-color: yellow;
}
/* 文字和背景顏色同時變化 */
a:active {
color: white;
background-color: blue;
}
/* 文字下劃線 */
a:active {
text-decoration: underline;
}
/* 圖片透明度變化 */
img:active {
opacity: 0.5;
}
/* 邊框寬度變化 */
div:active {
border-width: 3px;
}
/* 旋轉動畫 */
div:active {
transform: rotate(45deg);
}

以上是一些基本的示例，實際應用中可以組合使用這些屬性，達到更豐富的效果。需要注意的是，以上的屬性都是在鼠標點擊瞬間生效的，如果需要長時間保持某種鼠標效果，可以考慮使用:hover或:focus屬性。

另外，為了保證用戶體驗，建議在使用鼠標交互效果時，要注意選擇合適的效果和動畫時間，盡量避免過度炫酷或延遲過長的效果，避免影響用戶操作和瀏覽體驗。