1、新建HTML文件。
2、创建HTML标签和内容。
3、预览效果如图。
4、设置右边框的颜色border-right-color:#30C。
5、预览效果如图。
6、设置右边框的颜色border-right-color:rgb(204,0,102)。
7、预览效果如图。
1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。
4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。
貌似你写的有问题吧，不用写type="button"这句，因为本来就是button标签。<button value="ch1" >选项一</button>
如果不加class或者id，可以这样写：
button{ background-color:#ff0000}
<button class="btn1" value="ch1" >选项一</button>
如果加个class，可以这样写：
.btn1{ background-color:#ffff00}
