需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。
4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。
在css中，主要通过border属性的设置，实现去掉边框。以代码编辑器：zend studio 10.0为例，可参考以下步骤去掉button（按钮）的边框：
1、新建一个html文件，命名为test.html，用于讲解。
2、在test.html文件内，使用button标签创建一个按钮，用于测试。
3、在test.html文件内，给button按钮添加一个id属性，用于样式的设置。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。
6、在浏览器打开test.html文件，查看实现的效果。
button{width:70px
height:30px
color:#fff
text-align: center
background-color:#c00
color:#fff
line-height: 28px
border-radius:15px
border:0
outline: 0
transition: background 0.2s
}
button:hover{
background:#666
} <button>Go</button>
