如何给提交按钮做css样式

html-css029

如何给提交按钮做css样式,第1张

<input

type="submit"

name="button"

id="button"

value="提交"

style="

border:none

height:20px

width:100px

background:url(img134.tif)"

/>

在style中加入css就可以,需要注意的一点是,加背景图片的时候,边框按自己需求显示,默认是有边线的,

即border:的设置

1、设置一个长度与宽度,使用到的CSS代码。

2、经过给它设置长度与宽度后,变成了下图所示,相比与没有任何样式,它会好出很多。

3、接下来,可以去掉它自带默认的边框,将它边框设置为0PX,观察一下效果。

4、添加了红色的背景后,它显示如下图所示的样式。

5、除了使用颜色设置背景外,也可以使用图片作为背景。

6、还可以设置它的其他更多样式,方法是直接添加CSS代码即可。