在網站設計中，常常需要在圖片上添加鏈接，以便實現圖片的互動效果。在CSS中，我們可以使用“a”標簽來添加鏈接，然后再將圖片嵌套在鏈接標簽內。下面是基本的代碼結構：

<a href="鏈接地址">
<img src="圖片地址" alt="圖片描述">
</a>

代碼中，使用的是“a”標簽來創建鏈接，其href屬性需要填寫正確的鏈接地址。在鏈接標簽內，又嵌套了一個“img”標簽，用來指定圖片的來源和描述。 若需要在同一頁跳轉，鏈接地址可以留空進行占位。在這種情況下，我們需要使用“#”作為鏈接地址。實現方式如下：

<a href="#">
<img src="圖片地址" alt="圖片描述">
</a>

需要注意，CSS的“背景圖”無法通過“a”標簽來添加鏈接地址，因為背景圖本身不是標簽。若需要為背景圖添加鏈接，只能將其作為單獨的元素，并與鏈接標簽一起嵌套。示例如下：

<a href="鏈接地址">
<div id="bg-img"></div>
</a>

在以上代碼中，我們通過“div”標簽來創建背景圖元素，并為其添加了唯一的ID屬性“bg-img”。最后，將鏈接標簽嵌套在其內部即可。