HTML和CSS是兩種前端技術，它們經常一起使用，來實現頁面的布局和樣式。在HTML中，我們可以用各種標簽來描述頁面中的元素，例如div、span、button等等，而CSS則用來設置這些元素的樣式，例如背景顏色、字體大小、邊框樣式等等。

當我們的網頁需要響應用戶的鼠標點擊時，我們可以利用JavaScript來實現點擊事件的監聽，但是為了讓點擊后的效果更加美觀和自然，我們還可以利用CSS來改變元素的樣式。

button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
button:active {
background-color: #3e8e41;
transform: translateY(4px);
}

上面的代碼展示了一個按鈕的CSS樣式，其中我們使用了:active偽類來設置按鈕在被點擊時的樣式，包括背景顏色和位移。這樣可以使得按鈕在被點擊后看起來更加立體和有反饋。