在CSS中，我們可以使用a標(biāo)簽為圖片添加鏈接，我們需要在HTML中創(chuàng)建一個(gè)a標(biāo)簽，并將圖片作為a標(biāo)簽的子元素，我們可以使用CSS來樣式化這個(gè)鏈接和圖片。

以下是一個(gè)示例：

HTML：

<a href="https://html4.cn/image.jpg" class="image-link">
  <img src="https://html4.cn/image.jpg" alt="描述圖片的文字">
</a>

CSS：

.image-link {
  display: block;
  width: 300px;
  height: 200px;
}
.image-link img {
  width: 100%;
  height: 100%;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)指向圖片https://html4.cn/image.jpg的鏈接，并將這個(gè)鏈接賦予了一個(gè)類名為image-link的a標(biāo)簽，我們使用CSS來設(shè)置image-link的寬度和高度，并將圖片的寬度和高度設(shè)置為100%，以適應(yīng)其父元素的大小。

這樣，當(dāng)用戶點(diǎn)擊這個(gè)鏈接時(shí)，他們將訪問到圖片https://html4.cn/image.jpg的頁面，由于我們設(shè)置了image-link的寬度和高度，圖片將在鏈接中居中顯示，并且不會(huì)超出鏈接的范圍。