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 id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");
      }

Css相关问答推荐

为什么我不能编辑垫按钮填充？

R SHINY：FILL CONTAINER=TRUE时调整DT数据表高度，

如何将Ant设计日期 Select 器的图标设置在输入 Select 器之前而不是之后

Astro网站在使用Astro Build构建后无法正常工作

如何缩小 Select 元素的背景图像？

CSS 网格 - 具有独立可滚动区域的两列布局

如何在 Tailwind 中使用 `margin： y x;` 速记？

Ant Design：将位置子菜单移动到屏幕顶部

删除 IE10 Select 元素箭头

重置子元素的不透明度 - Maple Browser (Samsung TV App)

在CSS中将文本和 Select 框对齐到相同的宽度？

什么是 DOM 回流？

透明的空心或切出的圆圈

如何在 iOS 上获取带有 CSS 溢出的滚动条

CSS图像最大宽度设置为原始图像大小？

位置固定宽度 100%

HTML表格：保持列的宽度相同

当子元素水平溢出时，为什么忽略父元素的右填充？

如何将页脚(div)与页面底部对齐？

CSS(webkit)：在绝对定位元素上用底部覆盖顶部