SVG 可以直接嵌入 CSS 中吗？

在 CSS 中嵌入内联 SVG

您可以直接在 CSS 中嵌入 SVG 定义吗？例如，您可以使用这样的内容吗：

.my-class {
  background-image: <svg>...</svg>;
}

回答

是的，您可以这样做。这是一个示例：

body {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient>

以上是SVG 可以直接嵌入 CSS 中吗？的详细内容。更多信息请关注PHP中文网其他相关文章！