在網站開發中，經常需要在圖片上加上鏈接，方便用戶點擊跳轉到指定的頁面。而使用CSS來實現這一需求非常方便。

首先需要在HTML中插入一張圖片：

<img src="your-image-path" alt="your-image-name" />

接下來，使用CSS的background-image屬性來設置背景圖片，并用a標簽將圖片包裹，實現圖片鏈接：

a {
display: inline-block;
width: /* 圖片寬度 */;
height: /* 圖片高度 */;
background-image: url(your-image-path);
}
a:hover {
/* 鼠標懸浮時的樣式 */
}
a:active {
/* 鼠標點擊時的樣式 */
}

其中，display: inline-block;使a標簽具有行內塊狀元素的特性，即既可以設置寬度高度，也可以在行內顯示。

另外需要注意的是，如果圖片太大，可能會導致鏈接區域超出圖片本身，這時可以使用background-size屬性來將圖片縮小。例如：

a {
display: inline-block;
width: /* 圖片寬度 */;
height: /* 圖片高度 */;
background-image: url(your-image-path);
background-size: cover;
}

通過設置cover，可以讓圖片完全覆蓋鏈接區域，保證在任何分辨率下都能有良好的體驗。

CSS圖片做鏈接是一個非常實用的技巧，既可以讓頁面更加美觀，又可以提高用戶體驗，是網站開發中不可或缺的一部分。