當我們需要在網頁中添加鏈接時，通常會用到超鏈接，背景顏色或邊框等，但有時我們還需要用到圖片作為超鏈接。這里介紹一下如何用CSS實現這種效果。

/* 設置圖片鏈接的樣式 */
a img {
border: none;  /* 去掉邊框 */
text-decoration: none; /* 去掉下劃線 */
}
/* 當鼠標移到圖片鏈接上時，改變圖片的透明度 */
a:hover img {
opacity: 0.7;
}
/* 確保鏈接在圖片的中心位置 */
a {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}

以上代碼將圖片作為超鏈接，去掉了邊框和下劃線，并且設置了鼠標懸停時圖片的透明度。使用display:inline-block保證鏈接在圖片的中心位置，background-repeat:no-repeat和background-position:center center則確保背景圖片不會重復，而且顯示在鏈接的中心位置。

最后，我們只需要在HTML代碼中設置鏈接和圖片的位置即可：

這樣就輕松地將圖片設置為超鏈接了。