CSS设置按钮背景图片
1、找一款编辑软件，打开后新建一个按钮(这里用DW)
网页效果图如下：
2、选择一张给按钮添加的背景图片，然后从css里设置一下：如下图所示
实现的效果网页如下：
边框属性用： border:1px solid #颜色即可；
简单写一个，或许有助于理解：<input value="按钮" type="button" style="background-color: Transparent" onmouseover="this.style.backgroundImage='url(1.jpg)'" onmouseout="this.style.backgroundImage='url(2.jpg)'"/>关键的地方有三个：一是：style="background-color: Transparent"这里是设置按钮默认风格的，background-color: Transparent，意思是把背景颜色设为透明，这是一定要的，否则在不同的浏览器中，把图片设为按钮背景有可能是显示不出来的。这里还可以定义的风格，比如，宽度：width:120px高度：height:30px字体颜色：color:#ffffff背景图片：background-image:url(图片)等之间用号隔开。二是：onmouseover="this.style.backgroundImage='url(1.jpg)'"表示当鼠标移入时，背景图片设置为1.jpg这张图，可以在url()的括号中指定具体图片地址和名称。三是： onmouseout="this.style.backgroundImage='url(2.jpg)'" 表示当鼠标移出时，背景图片设置为2.jpg，这也是在url()中指定具体的图片。这只是一种简单的写法，更多的应该多了解js和css。
