html怎样在按钮上插入背景图

当给页面的button进行重新定义样式的时候，有一点需要注意，就是如果使用background-imge来将图片作为按钮的背景的时候，如果同时你为按钮的border也设定了宽度和颜色，你会发现，在按钮背景与边框中间有大约1px的一个内侧边框，而如果你直接设定background-color的时候，就不会有这样的问题，所以，如果你想为新的按钮添加一个特殊颜色的边框，但又不想被这个内侧的边框影响的话，只需要变通地把background-color也设置为与border的颜色一致，就可以达到效果啦，当然，你可以将border的宽度减少1px，因为内侧边框也是有宽度的哦。

input[type=button]{background:#FF0000 url(imgages/btn_bg.gif)}

这是css3里面的规则，有些浏览器可能不支持，不过你可以给相应的按钮添加一个类，然后写成.classname{background:#FF0000 url(imgages/btn_bg.gif)}就OK！加颜色用#ff0000，加背景图片用url(imgages/btn_bg.gif)

---