CSS循序渐进（三）样式“表”秀

核心提示：至于表单，由于网页的交互性越来越被人们重视，CSS循序渐进（三）样式“表”秀(2)，表单的运用也越来越多，可是HTML本身所制定的那些标准形式的表单件的样子实在让人不敢恭维， 图二用到的定义语句其实很简单: .input1 {BACKGROUND-COLOR: #e8e8e8; BORDER-BOTTOM:

至于表单，由于网页的交互性越来越被人们重视，表单的运用也越来越多。可是HTML本身所制定的那些标准形式的表单件的样子实在让人不敢恭维。文本框一律是内部深陷的长条，而按钮又全是那种灰灰的块块，放在一个精致的网站中实在不成样子。所以可以说适当的调整边框大小、颜色，做出符合网站个性的表单也是网站成功的一环吧。

大家要看效果的话可以借鉴一下fanso的打开音乐（http://music.fanso.com）的例子。（也可以看图二）大家注意看它右边的一排输入框，其实它是将输入框做到最小了，但是味道却反而足了。

图二

用到的定义语句其实很简单:

.input1 {BACKGROUND-COLOR: #e8e8e8; BORDER-BOTTOM: #a8a8a8 1px solid; BORDER-LEFT: #a8a8a8 1px solid; BORDER-RIGHT: #a8a8a8 1px solid; BORDER-TOP: #a8a8a8 1px solid; FONT-SIZE: 9pt}

大家应该可以看到，表格和表单的定制最重要的地方其实在于边框与颜色的选择与搭配，这个是其外观效果的关键。