css 表单按键大小怎样调试？

html-css016

css 表单按键大小怎样调试？,第1张

css 表单按键大小，我们首先给这个表单的按钮一个id或者是class，然后我们在通过css的width，height来改变这个按钮的默认宽度和高度，根据数值的不同，然后确定你所需要的大小就行了，通过代码来理解下：

<html>

<head>

<style>

#sub{//通过id实现

width:300px //只是假定的值，需要根据实际的要求写。

height:30px

}

</head>

<body>

<input type='submit' value="提交" id='sub'>

</body>

</html>

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

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

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

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

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

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