学习如何使用CSS设置表单样式是改善网站外观的好方法。 HTML表单可以说是大多数网页上最丑陋的东西。它们往往是无聊和实用的，并没有提供太多的风格。
使用CSS，可以改变。将CSS与更高级的表单标签相结合可以提供一些漂亮的表单。
改变颜色
与文本一样，您可以更改表单元素的前景色和背景色。更改几乎每个表单元素的背景颜色的简单方法是在输入标记上使用background-color属性。例如，此代码在所有元素上应用蓝色背景颜色（＃9cf）。
输入{ background-color：＃9cf; 颜色：＃000;}
要仅更改某些表单元素的背景颜色，只需添加textarea并选择样式即可。例如：
输入，textarea，选择{ background-color：＃9cf; 颜色：＃000;}
如果使背景颜色变暗，请务必更改文本颜色。对比色有助于使表单元素更清晰。例如，如果文本颜色为白色，则更容易读取深红色背景颜色上的文本。例如，此代码将白色文本放在红色背景上。
输入，textarea，选择{ background-color：＃c00; 颜色：#fff;}
您甚至可以在表单标记本身上添加背景颜色。请记住，表单标记是一个块元素，因此颜色填充整个矩形，而不仅仅是元素的位置。您可以向块元素添加黄色背景以使区域突出，如下所示：
形式{ background-color：#ffc;}
添加边框
与颜色一样，您可以更改各种表单元素的边框。您可以在整个表单周围添加单个边框。请务必添加填充，否则表单元素将在边框旁边卡住。以下是1像素黑色边框的代码示例，其中包含5个像素的填充：
形式{ 边框：1px solid＃000; 填充：5px;}
您可以放置边框而不仅仅是表单本身。更改输入项的边框以使其突出：
输入{ border：2px dashed＃c00;}
当你在输入框上放置边框时要小心，因为它们看起来不像输入框，有些人可能没有意识到他们可以填写表格。
结合风格特征
通过将表单元素与思想和一些CSS组合在一起，您可以设置一个漂亮的外观，以补充您网站的设计和布局。
