在HTML中，我們可以使用CSS來制作點擊時顯示的效果，這種效果通常是通過使用CSS的偽類:active來實現(xiàn)，它可以在元素被點擊時改變元素的樣式。

下面是一個簡單的例子，展示如何在HTML中使用CSS制作點擊時顯示的效果：

1、我們需要在HTML中創(chuàng)建一個按鈕元素：

<button id="myButton">點擊我</button>

2、我們可以使用CSS來定義按鈕的樣式，并在被點擊時改變樣式：

#myButton {
  background-color: #ccc;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}
#myButton:active {
  background-color: #f00;
}

在這個例子中，我們定義了一個按鈕的樣式，其中#myButton是按鈕的ID，#ccc是按鈕的背景顏色，border: none;表示按鈕沒有邊框，padding: 10px 20px;定義了按鈕的內(nèi)邊距，cursor: pointer;表示當鼠標懸停在按鈕上時，鼠標指針會變成一個手形。

我們使用:active偽類來定義按鈕在被點擊時的樣式，在這個例子中，我們將按鈕的背景顏色改變?yōu)榧t色（#f00）。

這樣，當用戶在瀏覽器中加載這個HTML頁面并嘗試點擊按鈕時，按鈕的背景顏色會在被點擊時變?yōu)榧t色。