CSS设置表单控件样式技巧

CSS是用于定义HTML文档外观样式的计算机语言。

1、 在网页头部标签内输入指定内容

2、 在样式标签内输入CSS代码，定义网页元素的外观与布局效果。

3、 见图一

4、 可生成选择器用于标签内选取，二、图三所示。

5、 可在此处输入代码来编辑表单样式。

6、 表单常用标签包括：输入、选择、提交等。

7、 输入文字内容

8、 定义可供选择的选项列表

9、 多行文本输入区域，支持换行与长内容编辑。

10、 按钮

11、 设置select中option的默认选中状态

12、 用于将表单中相关的元素进行分组和管理

13、 常见属性如下：

14、 设置元素的边框样式

15、 heightx：设定元素高度值

16、 设置元素的宽度大小

17、 浮动：让元素脱离文档流

18、 内容居中对齐显示

19、 行高：设置文本行与行之间的距离

20、 字体大小设置

21、 设置文字或背景的颜色属性

22、 利用上述标签和属性可美化表单，下面提供一个简单的表单样式示例。

23、 效果见下图