给按钮添加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文件的路径">
用背景就可以呀比如
a {
display:block //定义为块元素，才可以使用宽、高、背景
width:120px
height:40px
line-height:40px
color:#FFF
background:url(icon.gif) no-repeat 10px 15px #F00 //定义背景，图片不重复，距左10像素距顶15像素，背景图片覆盖不到的地方显示背景色#F00
text-indent:40px //文字缩进40像素，以不和icon重叠
}
以上具体的数字，根据效果来调整
CSS是用来写按钮的一些样式,但是无法做到事件，交互Js 用来写和用户的交互 也就是点击
ajax 在数据库取值，实现页面无刷新读取数据，
形成即时点击显示当前顶的数
