用css3可以直接用图片作为背景就可以了，不需要用js。解决方法如下：
1、双击打开HBuilderX开发工具，在Web项目中新建静态页面canvas.html。
2、打开已新建的canvas.html文件，修改title标签里的文字内容。
3、在<body></body>标签内，插入一个canvas标签，并设置id属性值。
4、在canvas标签下，添加script标签并初始化canvas对象，调用自带的方法。
5、保存代码并运行项目，打开浏览器查看界面效果，可以发现绘制了一条线。
6、在style标签中，利用ID选择器设置canvas样式，添加背景色设置。
7、再次保存代码文件，并刷新浏览器，可以看到canvas画布背景色发生了改变。
很简单，你可以用下下面这个测试例子，一看就明白了额；给每个div定义个css样式，然后引用css样式，给每个css样式设置背景颜色即可
示例：
<style>.div1{ width:200px height:200px background-color:#F00 float:left}
.div2{ width:200px height:200px background-color:#0F0float:left}
.div3{ width:200px height:200px background-color:#00Ffloat:left}
</style>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
设置三个宽200px，高height200px的区域，给每个区域加上不同的背景颜色background-color
:颜色 最后浏览网页，实现效果！
font-size:12px
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">。
一、认识CSS 颜色（CSS color）
这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。
1、常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色。
2、颜色规范与颜色规定：网页使用RGB模式颜色。
二、颜色基础知识
网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感（特别是超链接中运用）、美观之用，同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。
传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色。
CSS color颜色语法：
color:#000000
Css样式中color后直接加RGB颜色值（#FFFFFF 、#000000 、#F00）
RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。
三、两种方法设置对象颜色样式。
1、在DIV标签内使用color颜色样式。
<div style="color:#F00">www.jb51.net</div>。
2、在CSS选择器中使用color颜色样式CSS代码：
.divcss5{color:#00F}
/* 设置对象divcss5内文字为蓝色 */
扩展阅读：这里运用了CSS注释对此样式设置说明，了解CSS 注释。
3、DIV+CSS颜色样式完整案例：
Css代码。
