在 CSS 中添加图标链接：之前

【问题标题】：Add a link for icon in CSS :before在 CSS 中添加图标链接：之前
【发布时间】：2019-04-11 10:33:03
【问题描述】：

我想在纯 CSS 中添加一个链接。

尝试将url 添加到background 中，如下所示。不幸的是，它不起作用。

.fa-home:before {
    font-size: 2rem;
    vertical-align: middle;
    padding-right: 0.5rem;
    background: url(https://example.com);
}

图标看起来像：

有什么方法可以仅使用 CSS 来实现吗？（假设无法访问 HTML 和 JS 的控制权。）

【问题讨论】：

【解决方案1】：

没有办法使用 CSS 来做到这一点。

CSS - 层叠样式表。它描述了如何在屏幕、纸张或其他媒体中显示 HTML 元素。简而言之 - HTML 创建图像、链接和 CSS 等元素添加样式。

在后台使用 url 类似于 img 标签中的src="" 属性。您提供要用作背景图片的图片的网址。

【讨论】：