canvas是HTML5中功能最强大的元素之一，可以使用这个元素进行绘制图形、动画和游戏的开发。CSS3可以控制HTML5元素的样式，下面利用一个实例说明canvas元素的用法，操作如下：
工具/原料
1
CSS3
2
HTML5
3
截图工具
4
浏览器
5
HBuilder
方法/步骤
1
第一步，双击打开HBuilder开发工具，然后新建静态页面canvas.html，如下图所示：
2
第二步，在
元素内插入一个，并设置这个元素的高度和宽度，如下图所示：3
第三步，在下方插入一个，并在脚本元素中编写canvas代码，如下图所示：
4
第四步，设置
元素的背景色以及canvas元素的样式，如边框、背景色和半径等，如下图所示：5
第五步，保存代码并预览该静态界面，查看界面效果，如下图所示：
6
第六步，修改canvas标签元素的宽度和高度，这时界面上的字体文字显示出来了，如下图所示：
注意事项
1
注意HTML5中的canvas的用法
2
注意结合CSS3控制HTML5元素的样式
下一篇：Excel如何排版奇特文字