在網頁設計中，表格是常見的元素之一。如果能夠加入一些特別的效果，不僅能夠提高頁面的美觀程度，也有助于更好的信息展示和闡述。其中，CSS表格鼠標點擊效果就是一種非常實用的效果。

table{
border-collapse: collapse;
}
td{
border: 1px solid #ccc;
padding: 10px;
text-align:center;
}
tr:hover{
background-color:#f5f5f5;
}
tr:active{
background-color:#e0e0e0;
}

上面的代碼是樣式代碼，其中tr:hover和tr:active 是我們需要注意的。它們表示當鼠標滑過和點擊tr元素，即表格中的某一行的時候，給這一行添加一個特別的效果，增加用戶的交互感。

當鼠標滑過時，代碼中的‘hover’就會起作用，此時我們可以添加一個較輕的背景色，提示用戶當前行正在被操作。而當鼠標點擊時，代碼中的‘active’就會起到作用，此時表格行的背景色就會更改，告訴用戶點擊已經被觸發。這兩種狀態，以及彼此之間的轉換，可以讓表格在用戶操作時更醒目突出。

當然，這只是CSS表格鼠標點擊效果的其中一種演示，還有其他不同的方式可以實現這個效果，因此在實際開發中，我們可以根據實際需求做出適當的改變，增強用戶界面的交互性。