用css的话要先设置div,然后设置div属性padding:xpx
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片背景有二种方法,一是直接在按钮中设置,如下:<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
这种设置方法在FF下可见,但是在IE下不可见,不知道为什么.反正我测试时IE下是不可见的,换成这样也不行:background-image\backgroundimage
另一种方法就是用CSS来设置,实现方法如下:
<style type="text/css">
.submitStyle {background:url(imagpath)border:0px}
</style>
这种方法是比较好的,因为在IE或FF下都能正常显示.
1、打开vscode，创建一个html5规范的测试页面H5Button.html。如果没有vscode，使用文本文件也是一样的效果，
2、在测试页面中添加一个按钮，注意，h5页面的按钮是button标签，不再是input标签了，
3、在浏览器中运行测试页面，可以看到默认按钮的样子，这样的按钮样式，通常来说是不被接受的，因为太过于普通，
4、在测试页面中，添加style代码块，在这里对所有button进行样式修改。因为，此处仅仅只做演示，所以，直接对按钮进行了样式修改，如果只需要对部分按钮进行样式修改，就可以使用类或者id选择器，
5、在浏览器中，再次运行测试页面，可以看到按钮变大了，其余并没有太大的区别，
6、这个时候，继续在测试页面中，对按钮的样式进行修改，添加按钮文字的颜色、按钮背景色、按钮边框大小和颜色，
7、在浏览器中运行，可以看到按钮看起来就变成透明的了，与之前默认样式的按钮完全不一样了。
