html:
<button class="btn">按钮</button>
css:
.btn {
display:block
height:24px
line-height:24px
text-align:center
padding:0 12px
border-radius:2px
background:#f2f2f2
border:1px solid #dbdbdb
}
.btn:hover {
background:#f7f7f7
border-color:#c6c6c6
}
做的应该差不多吧，HTML5,CSS3的
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
button {width: 100pxheight: 50pxborder: 0color: whitebackground: -webkit-radial-gradient(#72787f, #545c64)}
3、浏览器运行index.html页面，此时用CSS实现了按钮中间白、四周黑，上方白、下方灰的效果。
