在CSS中添加图标的链接:之前

时间:2018-11-07 22:32:12

标签: css url hyperlink icons pseudo-element

我想在纯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 个答案:

答案 0 :(得分:0)

无法使用CSS做到这一点。

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

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