给按钮添加css样式有以下三种方法：
1，直接在元素上定义style，如下：
<input type="button" style="这里定义样式">
2，页面中内嵌样式，如下：
<style>
.btn{需要添加的样式}
</style>
<input type="button" class="btn">
3，外部引用css文件，如下：
<link rel="stylesheet" type="text/css" href="这里是css文件的路径">
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。
4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。
