CSS a 手機點擊效果，是用來美化手機網頁鏈接點擊時的效果的。我們都知道，手機屏幕相對較小，為了讓用戶更好的交互體驗，給鏈接加上點擊效果是十分必要的。

在CSS中，我們可以通過:hover偽類來為鏈接添加懸停效果，但是在手機上，我們需要用到:active狀態。

a:active {
background-color: #ccc;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
color: #333;
 }

上面的代碼演示了當鏈接被點擊時，背景色會變成#ccc，出現內陰影，字體顏色會變為#333。這樣的效果可以使用戶清晰地知道自己點擊了這個鏈接，增強了用戶的反饋感。

除了上述的基礎效果，我們還可以通過CSS3的transform屬性來實現更加炫酷的效果。

a:active {
background-color: #ccc;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
color: #333;
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
 }

上面的代碼將鏈接向下平移了2像素。這樣的效果在手機上看起來非常流暢，可以為用戶帶來更好的體驗。

總體來說，CSS a 手機點擊效果是一個優化手機網頁體驗的必要選擇，它能夠提高用戶的參與感和交互體驗，加強網頁的美觀程度。