SVG 在 HTML 页面
SVG 文件可通过以下标签嵌入 HTML 文档：、
直接在 HTML 嵌入 SVG 代码
在 HTML 页面中直接嵌入 SVG 代码，SVG 代码可以放置在
标签中或其他合适的位置。这种方式使得 SVG 图像与 HTML 内容混合在一起，可以直接在 HTML 页面中编辑和调整 SVG 图像。
实例
尝试一下 »
链接到 SVG 文件
您还可以用 标签链接到一个 SVG 文件：
结果:查看 SVG 文件
使用 CSS 背景图
通过 CSS 的 background-image 属性，可以将 SVG 图像作为背景图嵌入到 HTML 元素中。这种方法适用于需要在 CSS 中控制背景图样式的情况。
实例
.svg-bg {
width: 200px;
height: 200px;
background-image: url('circle1.svg');
background-size: cover;
}
尝试一下 »