css即层叠样式表是一种用来表示HTML文件样式的计较机说话。
css不仅可以静态地润色网页,还可以共同各类剧本说话动态地对网页各元素进行格局化。
那么如何用css来设置表单控件样式呢? 下面简单介绍一些根基功能
工具/原料
- 电脑
- HBuilderX
方式/步骤
- 1
在<head></head>标签中键入
<style type="text/css">
</style>

- 2
在<style type="text/css"></style>中键入
form{
}如图一
也可生当作一个选择器供<body></body>中选择如图二、图三。
在此中即可输入代码编纂表单的样式。



- 3
表单内容有以下常见标签:
<input>键入文本
<datalist> 标签界说选项列表
<textarea>多行文本框
<button>按钮
<select>option默认选择属性
<fieldset>对表单中的相关元素进行分组
- 4
有以下常见属性:
border:设置边框
heightx:设置高度
width:设置宽度
float:浮动
text-align:内容居中
line-height:行高
font-size:字体大小
color::设置颜色
- 5
经由过程套用上述标签与属性来达到润色表单的目标,以下举个简单的表单样式作为例子。

- 6
结果如图所示








