css如何把button做成绿色

html-css012

css如何把button做成绿色,第1张

css把button做成绿色可以通过以下来改变颜色

<button value="ch1" >选项一</button>

如果不加class或者id，可以这样写：

button{ background-color:#ff0000}

<button class="btn1" value="ch1" >选项一</button>

如果加个class，可以这样写：

.btn1{ background-color:#ffff00}

1、新建HTML文件。

2、创建HTML标签和内容。

3、预览效果如图。

4、设置右边框的颜色border-right-color:#30C。

5、预览效果如图。

6、设置右边框的颜色border-right-color:rgb(204,0,102)。

7、预览效果如图。