css - 在 CSS :before 中添加图标链接

Question

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

尝试在 background 中添加 url 如下代码。不幸的是，它不起作用。

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

图标看起来像:

是否有任何方法可以仅使用 CSS 来实现这一点？ (假设无法访问 HTML 和 JS 的控件。)

Answer 1

使用 CSS 无法做到这一点。

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

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