html - 如何使用图标作为 'background-image' 而不是 CSS 中的图像

Question

我想使用图标作为背景图像而不是使用任何图像。有什么办法吗？

通常我们将'background-image'写成:

背景图片:url(...)

但我想使用字体图标作为背景。有没有办法在

里面写fontawesome图标的Unicode

url()

请帮助我，CSS 专家。

Answer 1

您可以获得任何 SVG 或 PNG 图标文件并将其用作背景。

例如

https://codepen.io/hisbvdis/pen/XWrBKNp

body {
  background: url("https://image.flaticon.com/icons/svg/60/60993.svg") 0 0 / 20px 30px repeat;
}