用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画布背景色发生了改变。
这个不是样式决定的，是有 type决定的<input type="***" >
type="radio" 单选按钮
type="checkbox" 复选框
下拉列表则是如下形式出现的
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
![你有《[韩顺平]轻松搞定网页设计(html+css+js)》的教程吗，给我一份好吗，感激不尽](/aiimages/%E4%BD%A0%E6%9C%89%E3%80%8A%5B%E9%9F%A9%E9%A1%BA%E5%B9%B3%5D%E8%BD%BB%E6%9D%BE%E6%90%9E%E5%AE%9A%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%28html%2Bcss%2Bjs%29%E3%80%8B%E7%9A%84%E6%95%99%E7%A8%8B%E5%90%97%EF%BC%8C%E7%BB%99%E6%88%91%E4%B8%80%E4%BB%BD%E5%A5%BD%E5%90%97%EF%BC%8C%E6%84%9F%E6%BF%80%E4%B8%8D%E5%B0%BD.png)
