在網頁設計中，圖片是不可或缺的元素之一，圖片還可以加上鏈接，讓用戶在點擊圖片時跳轉到相關的網頁。在CSS中，添加圖片鏈接非常容易，只需要使用background-image和background-link屬性即可。 首先，我們可以使用background-image屬性來添加圖片。具體的語法如下： ``` background-image: url("圖片的鏈接"); ``` 其中，url()函數中的內容為圖片鏈接，可以是相對或絕對路徑。例如： ``` background-image: url("images/pic.jpg"); ``` 這會在網頁中添加一張名為pic.jpg的位于images文件夾中的圖片。接下來，我們需要使用background-link屬性來設置圖片鏈接。具體的語法如下： ``` background-link: url("鏈接網址"); ``` 當用戶在網頁中點擊圖片時，就會跳轉到background-link屬性中設置的網址。例如： ``` background-link: url("https://www.baidu.com"); ``` 這會讓圖片成為一個鏈接，當用戶點擊圖片時，就會跳轉到百度的首頁。下面是完整的CSS代碼示例： `````` 可以看到，我們將圖片放在一個名為pic的容器中，然后在容器中添加一個a標簽作為鏈接。通過設置a標簽的display為block，可以讓a標簽占據整個容器的空間，從而使得整個圖片成為了鏈接。 總結來講，添加圖片鏈接非常簡單，只需要使用background-image和background-link屬性即可。在實際使用中，還需要注意設置a標簽的display屬性來使得鏈接完全覆蓋圖片。