CSS是一種用于描述網(wǎng)頁樣式的語言，它可以幫助我們創(chuàng)建出美觀、易于使用的網(wǎng)頁，在CSS中，我們可以使用偽類（pseudo-class）來實現(xiàn)點擊切換圖標的功能。

我們需要為圖標創(chuàng)建一個CSS類，比如.icon，我們可以使用JavaScript來監(jiān)聽點擊事件，并在點擊時切換圖標的CSS類，我們可以使用element.classList.toggle()方法來切換.icon類的存在性。

下面是一個簡單的示例代碼：

HTML:

<i class="icon" onclick="toggleIcon()"></i>

CSS:

.icon {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url('icon1.png');
}
.icon.active {
  background-image: url('icon2.png');
}

JavaScript:

function toggleIcon() {
  var icon = document.querySelector('.icon');
  icon.classList.toggle('active');
}

在上面的代碼中，我們?yōu)閳D標創(chuàng)建了一個onclick事件監(jiān)聽器，并在JavaScript中定義了一個toggleIcon函數(shù)，這個函數(shù)會查詢頁面上的.icon元素，并使用classList.toggle()方法來切換active類，當active類存在時，圖標的背景圖像會切換到icon2.png，否則，背景圖像會保持在icon1.png，這樣，每次點擊圖標時，背景圖像就會在這兩個狀態(tài)之間切換。