CSS擴大點擊區域是一種常見的技巧，可以使用戶更容易地點擊目標元素，提高用戶體驗。下面我們來介紹如何使用CSS擴大點擊區域。

button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
}
button:hover {
background-color: #3e8e41;
}
button:focus {
outline: none;
}
button::after {
content: "";
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}

上述代碼中，我們首先定義了一個button元素，并設置了padding、背景顏色、字體顏色和邊框。然后，我們定義了:hover和:focus狀態樣式，當用戶鼠標移動到按鈕上或者按鈕獲得焦點時，按鈕的背景色發生變化。最后，我們使用::after偽元素擴大了按鈕的點擊區域，通過設置top、right、bottom和left等屬性，使偽元素覆蓋整個按鈕。

使用CSS擴大點擊區域非常實用，可以減少用戶誤操作的發生，提高網站的易用性。需要注意的是，擴大點擊區域也增加了頁面中其他元素的點擊區域，因此在使用時需要謹慎考慮。