CSS是一種常用的網(wǎng)頁樣式設(shè)計(jì)語言，可以用它來美化網(wǎng)頁。其中的圖片也是很重要的一部分，而有時(shí)我們需要將圖片添加超鏈接，讓用戶可以點(diǎn)擊圖片跳轉(zhuǎn)到其他頁面，這也是CSS中的一項(xiàng)常見操作。

img {
cursor: pointer; /* 增加鼠標(biāo)指針效果 */
}
a {
text-decoration: none; /* 去掉下劃線 */
}
a img:hover {
opacity: 0.8; /* 增加透明度 */
}

這里是一段CSS代碼，讓我們來詳細(xì)解釋一下：

• cursor: pointer：這個(gè)屬性可以讓鼠標(biāo)指針變成手形，讓用戶知道這是可以點(diǎn)擊的。
• a：表示超鏈接，這里我們給它設(shè)置一個(gè)屬性text-decoration: none，去掉下劃線，讓頁面更美觀。
• a img:hover：表示當(dāng)鼠標(biāo)放到圖片上時(shí)，會(huì)發(fā)生什么變化。這里我們設(shè)置了透明度變成0.8，讓用戶知道圖片有交互效果。

當(dāng)我們想要將圖片添加超鏈接時(shí)，只需要在HTML中將<img>標(biāo)簽嵌套在<a>標(biāo)簽中即可：

這么簡單的操作就可以完成圖片添加超鏈接的效果了。