在Web前端的開發過程中，按鈕是頁面交互中的重要元素之一。而在實現按鈕交互時，CSS的觸摸事件處理起來比較方便。下面我們介紹一下CSS按鈕觸摸事件的寫法。

首先，在HTML中定義一個按鈕元素，可以使用button或者input標簽實現。

<button id="example-button">
點擊我
</button>

<input type="button" value="點擊我" id="example-button">

然后，在CSS中對按鈕樣式進行設置，可以設置按鈕的背景顏色、文字顏色、邊框等等，具體樣式因需求而異。

#example-button {
background-color: #2ecc71;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
}

最后，在CSS中給按鈕添加觸摸事件處理，這里我們使用:hover偽類實現鼠標懸浮時的效果。比如，當鼠標懸浮在按鈕上時，改變按鈕的背景顏色。

#example-button:hover {
background-color: #27ae60;
}

這樣就完成了CSS按鈕觸摸事件的編寫。相較于JavaScript事件處理，CSS不需要編寫大量的代碼，而且更加簡單易懂，適合快速實現按鈕交互效果。