需要准备的材料分别有：电脑、浏览器、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文件，查看实现的效果。
你按钮上都没写class类怎么用.button来控制这个按钮的样式呢你可以用 input[type="button"] {}来选择这个所有的<input type="button" >这些按钮
或者你还想用上面的那种写法，你可以这么改
<input type="button" class="button" name="caigou" id="caigou" value="采购" style="width:50pxheight:50px"/>
<input type="button" class="button" name="xiaoshou" id="xiaoshou" value="销售" />
给每个按钮加上一个button的类这样你就可以用 .button 来控制了
或则楼上的说法也可以，虽然有点烦，按钮的另一种写法是<button>销售</button>如果是这样写的话，就直接用 button{}来控制这个按钮的样式
