[分享]css中 如何将图片作为链接

在CSS中，将图片作为链接是一种非常常见的用法，可以让网页更加美观和实用。实现这个效果非常简单，只需要在HTML文件中的链接标签中添加一个样式即可。 首先，你需要在HTML文件中创建一个链接标签，如下...

在CSS中，将图片作为链接是一种非常常见的用法，可以让网页更加美观和实用。实现这个效果非常简单，只需要在HTML文件中的链接标签中添加一个样式即可。
首先，你需要在HTML文件中创建一个链接标签，如下所示：

<a href="https://www.example.com"><img src="example.png" alt="Example"></a> 

其中，<a>标签用于创建链接，href属性指定了链接的目标地址；<img>标签用于插入图片，src属性指定了图片的来源地址，alt属性用于指定图片的文字描述。这个链接标签会显示一个图片，并可点击跳转到目标页面。
接下来，你需要为这个链接添加样式。样式可以通过CSS的background-image属性指定。

a {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-image: url(example.png);
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
} 

以上样式中，我们使用了background-image属性将图片作为链接的背景，background-position属性指定了背景图片的位置为居中，background-repeat属性设置背景图片不重复。text-indent属性设置了图片的文字缩进为负数，这样图片上的文字就不会显示出来。
这样，你就成功将图片作为链接，让你的网页更加美观和实用了。