2、在test.html文件中，使用button标签创建一个按钮。
3、在test.html文件中，设置button标签的class属性为mybtn。
4、在css标签内，通过class定义button的样式，设置它的宽度为50px，高度为50px，实现正方形。
5、在css标签内，再设置在设置忽略按钮的背景颜色为红色，文字颜色为白色，按钮无边框。
6、在浏览器打开test.html文件，查看实现的效果。css是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。
1、首先打开hbuilder软件，新建几个默认的复选框。
2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。
3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。
4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。
单选框和复选框通常是默认有样式，不能随意控制。
单选框和复选框通常改变样式的方法有两种：
使用<label>标签包含着单选（或复选）和一个单选样式的小图片，使用定位方法，让图片定位到单选框之上，点击图片的时候，使用javascript切换图片，达到选中和不选中效果，也就是两个图片的切换，<label>会让真正藏在下面的复选框选中和不选中。这种方法能解决大部分复选框或者单选框的样式问题。
使用非单选框复选框的标签，也就是用其它标签定义样式，使用javascript模拟点击的时候标签的样式切换，不过这种方法需要为表单提交的时候提供参数。
使用样式修改，比如border或者透明度等等，但是能修改的样式有限，例如单选框和复选框的大小无法修改，所以这种方法局限性最大，通常效果不太理想。
