32px
80%
.pattern {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'32'%20height%3D'32'%3E%3Crect%20width%3D'32'%20height%3D'32'%20fill%3D'%23f8f8ff'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'16'%20r%3D'4.8'%20fill%3D'rgba(99%2C102%2C241%2C0.8)'%2F%3E%3C%2Fsvg%3E");
background-repeat: repeat;
}工具说明
可视化生成多种 SVG 背景图案（点阵、网格、斜线、菱形、棋盘、六边形），自定义颜色和大小，一键复制 CSS 代码。
patternbackgroundsvg图案背景cssdesign