1、设置一个长度与宽度，使用到的CSS代码。
2、经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。
3、接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
4、添加了红色的背景后，它显示如下图所示的样式。
5、除了使用颜色设置背景外，也可以使用图片作为背景。
6、还可以设置它的其他更多样式，方法是直接添加CSS代码即可。
非IE6浏览器，可以使用input:hover的伪类来控制样式，但IE6浏览器只能用JS来实现了，需要设定两个状态，然后用JS切换类。
<style>
#c_button { width:92pxheight:30px border:0float:left}
.c_up{background:url(../images/i_login_btn.png) no-repeat 0 top}
.c_down{background:url(../images/i_login_btn.png) no-repeat 0 bottom}
</style>
<input name="" id="c_button" class="c_up" type="submit" value="" title="点击登录"/>
<script type="text/javascript">
document.getElementById("c_button").onmouseover=function() {this.className = "c_down"}
document.getElementById("c_button").onmouseout=function(){this.className = "c_up"}
</script>
这样不行的 type 不属于样式，所以不能用css定义只能写成 <input type="submit" id="fs" />这样
css只能定义样式 ，不能定义类型
css
#fs{
/*--------这里设置样式---------*/
}
要是你想批量设置所有的input的type="submit"的话 建议使用js
<script language="javascript">
function setSubmit()
{
docement.getElementById("fs").type="submit"
}
</script>
<body onload="setSubmit()">
<input id="fs" value="提交" name="test" />
</body>
大概就是这么个意思 我也没测试 看看吧
