在网站设计中，常常需要在图片上添加链接，以便实现图片的互动效果。在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”。最后，将链接标签嵌套在其内部即可。