怎么让我html的button好看点

如果是你自己用，就使用CSS3来控制样式，可以做到圆角、渐变背景之类的效果

具体请参考css3maker.com

如果是要发布出去的，为了兼容国内的互联网环境，最好使用图片来做背景、

比如下面这个网站里面就有很多按钮的背景素材

http://www.3lian.com/psd/icon/01/13035.html

然后再CSS样式里面写上

button{

background:url(图片路径) no-repeat top center

border:none

height:40px/*这个是个你的背景图片的宽度一样*/

padding:0

width:100px/*这个是和你的背景图片的高度一样*/

}

表单元素（input,textarea,select,button等）都是可以自定义样式的。和普通的html标签一样，给他相应的class或id名称即可。对于按钮类的美化，首先，你应该取出其border属性（假设你需要使用背景图片的画）。如：border:none否则的话，你的按钮会像一个凸起的方块。然后，你还需要给你的按钮一个块属性display:block如果，同一行内有多个按钮，则给一个display:inline-block属性，然后设置其宽度、高度。里面可以使用文字，也可以使用图片（background写入即可）。如果使用图片，那么你可能需要把里面的文字隐藏，这就是display的作用。隐藏文字的写法通常是：text-indent:-300px文字向左缩进，font-size:0px字号缩小，overflow:hidden超出隐藏。聚焦效果，则可以使用js或jq的事件绑定来修正，如js：onMouseover="this.className='hover'" 鼠标划过的时候给一个hover的名称onMouseout="this.className=''"鼠标滑出的时候移除刚才添加的名称css则对应起来：#my_button button {}#my_button button.hover,#my_button button:hover {}

---