使用CSS實現點擊小圖變大 當我們訪問網頁時，經常會看到有些小圖標或圖片可以放大，使我們更好地查看它們的細節。這樣的功能可以通過CSS實現，下面就介紹一下如何實現這個效果。 首先我們需要使用HTML來創建一個圖片標簽，并在標簽的屬性中指定源文件的位置。

<img src="image.jpg" alt="圖片">

接下來，在HTML中使用JavaScript代碼來觸發點擊事件。我們可以使用onclick屬性，在點擊圖片時調用一個函數。

<img src="image.jpg" alt="圖片" onclick="enlarge()">

然后，在CSS中定義enlarge函數的樣式。我們可以使用transform屬性來改變元素的大小。對于enlarge函數，我們將使用scale函數實現放大效果。

p:hover {
transform: scale(1.2);
}

最后，我們可以通過設置:hover偽類來實現沒有點擊時圖片的默認大小。我們同樣使用transform屬性，但這次我們將使用1.0的比例值。

img:hover {
transform: scale(1.0);
}

在這個實例中，我們使用transform屬性和JavaScript的onclick事件來實現放大效果。 總之，通過CSS和JavaScript的幫助，我們可以輕松地實現點擊小圖放大的效果。