CSS是層疊樣式表的縮寫，是前端開發中必不可少的一部分。在網頁設計中，圖片是不可或缺的元素，而圖片添加超鏈接可以實現更加豐富的網頁效果。

img{
display:block;
width:200px;
height:200px;
margin:50px auto;
}
a:hover img{
transform:rotate(-10deg);
}

在上面的代碼中，我們首先為圖片定義了一些通用的屬性，包括顯示為塊元素、寬度和高度的大小、以及在頁面居中顯示。接下來，我們為圖片所在的標簽添加了一個:hover偽類，這個偽類在用戶鼠標懸停在圖片上時被觸發。

在:hover偽類中，我們使用了transform屬性，將圖片進行了旋轉。這種效果可以使網頁看起來更加生動，同時也豐富了用戶的視覺體驗。

總之，利用CSS為圖片添加超鏈接，可以讓我們在網頁設計中實現更加豐富的功能，提高用戶體驗。