CSS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后顯示圖片

在CSS中，我們可以使用偽類(lèi):active來(lái)實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后顯示圖片的效果，下面是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="image-container">
  <img class="hidden-image" src="image.png" alt="點(diǎn)擊后顯示的圖片">
</div>

CSS代碼：

.image-container {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  cursor: pointer;
}
.hidden-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.image-container:active .hidden-image {
  display: block;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.image-container的div元素，用于放置圖片，我們創(chuàng)建了一個(gè)名為.hidden-image的img元素，并將其設(shè)置為隱藏，我們使用CSS偽類(lèi):active來(lái)實(shí)現(xiàn)當(dāng)鼠標(biāo)按下時(shí)顯示圖片的效果。