在网页设计中，通常需要在
图片上
添加链接，以实现点击
图片跳转到指定网页的
功能。那么怎样在 HTML 中
添加链接呢？这里介绍一种
方法，即使用 CSS 中的“background-image”
属性配合“a”
标签。
首先，在 HTML
代码中
添加一个“a”
标签，即可创建
一个超
链接。然后，在 CSS 中对该“a”
标签进行样式设置，设置其背景
图片即可。
下面的示例
代码展示了如何在 HTML 中
添加一个图片链接：
<a href="链接地址">
<div class="image-link"></div>
</a>
上述
代码中，“a”
标签用于创建
一个超
链接，
链接地址需要替换成真实的目标地址；而“div”
标签则用于创建
一个空白的容器，用于
显示背景
图片。接着，可以通过 CSS 中的“background-image”
属性，将
图片作为背景设置到“div”
标签中。
如下所示，使用“background-image”
属性，将
图片设置为容器的背景：
a .image-link {
width: 200px;
height: 200px;
background-image: url(图片地址);
}
上述
代码中，“width”和“height”
属性用于设置容器的宽度和高度；而“background-image”
属性则用于将
图片设置为背景。需要注意的是，“url()”中需要替换成真实的
图片地址。
这样，最终的
图片链接就创建好了。
用户点击
图片时，即可
跳转到指定的
链接地址。
总之，使用 CSS 中的“background-image”
属性配合“a”
标签可以很方便地实现
图片链接的
功能。在实际的网页设计中，可根据具体需要进行相应的样式调整，来获得更好的
效果。
