在編寫網站頁面的過程中，經常需要添加鼠標點擊手樣式來為用戶提供友好的操作提示。在CSS中，可以通過偽元素來實現此效果。

cursor: pointer;

以上代碼為標準的鼠標點擊手樣式，通過將鼠標指針改為手形狀來提示用戶可以點擊該元素。

如果需要在點擊時同時改變元素的樣式，可以通過CSS的:active偽類來實現。

.button:active {
background-color: #333;
color: #fff;
}

以上代碼為當鼠標點擊按鈕（class為button）時，該元素的背景色和字體顏色都會改變為黑色和白色。

需要注意的是，在移動端設備上，由于觸摸屏幕時不會顯示鼠標指針，因此可以通過CSS的:active偽類來實現類似的點擊效果。

.button:active {
background-color: #333;
color: #fff;
}
.button:focus {
background-color: #ccc;
color: #333;
}

以上代碼為當移動設備點擊按鈕時，該元素的背景色和字體顏色都會改變為黑色和白色；同時，當點擊完成后，該元素會獲得焦點（class為button:focus）并改變為灰色背景和黑色字體。

總而言之，CSS的點擊手代碼在網站設計中起到了非常重要的作用，可以幫助用戶更好地理解和操作網頁。