svg代码可以直接嵌入到HTML标签内，然后使用CSS设置svg元素样式，绘制不同形状的图形。下面利用一个实例说明HTML代码中嵌入svg代码生成类似球形图形，操作如下：
工具/原料
1
svg
2
HTML5
3
CSS3
4
HBuilder
5
截图工具
6
浏览器
方法/步骤
1
第一步，双击打开HBuilder开发工具，新建静态页面sphere.html，修改title标签内容，如下图所示：
2元素，设置对应的坐标、宽度和高度，添加stop元素，如下图所示：
第二步，在
内插入标签元素，并在内插入3
第三步，在
4
第四步，在元素外层插入一个div标签，设置class属性值，如下图所示：
5
第五步，利用标签选择器和元素选择器，设置对应元素的样式属性，并给div添加渐变属性，如下图所示：
6
第六步，保存代码并预览该静态页面，查看展示的效果，结果显示类似一个球形的图形，如下图所示：
注意事项
1
注意SVG标签元素在HTML的用法
2
注意SVG中的radialGradient元素的用法
上一篇：约会该和女孩子聊什么