css svg作为背景图

CSS 和 SVG 都是前端开发中非常重要的技术，其中 SVG 可以在网页中作为背景图来使用，感觉非常有意思，下面就来看一下具体的实现方法。

首先，我们需要在 html 文件中添加一个 <div> 标签，将其作为我们的页面的一个区块，接下来就可以开始设置 SVG 背景图了。

// HTML 代码
<div class="svg-bg"></div>

接下来，我们需要用 CSS 进行样式设置，在样式中使用 SVG 作为背景图，实现在页面中显示出来。

// CSS 代码
.svg-bg {
    background-image: url('example.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

最后，我们需要准备一个 SVG 文件，将其命名为 example.svg（也可以是其他命名），并将其放在与 html 文件同一目录下。其中，SVG 文件中的 <svg> 标签中可以包含绘图的代码，这些代码制作出来的图形就会显示在网页中。

通过 CSS 引入 SVG 文件，我们可以将其作为网页中的背景图，实现更为美观和独特的视觉效果。