css如何把button做成绿色

html-css08

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编辑器并创建一个新的HTML文件，比如index.html。

2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。