表单边框的特殊设计

[转自蓝色理想]

　　聪明的读者一定会想到，如果设计单边框，一定更加漂亮，对！下面我们来尝试以下部分边框的设置效果，本例仅仅以Solid和dotted两种类型的边框作演示，其它类型的边框原理相同：

代码：style="background-color: #FFFFFF; border-color: #000099; border-style: solid; border-width: 0px 0px 1px"


代码：style="background-color: #FFFFFF; border-color: #CCCCCC black #FF0000; border-style: solid; border-width: 1px 0px"


代码：style="background-color: #FFFFFF;border-left: 1px dotted #ff0000; border-right: 1px dotted #ff0000; border-top: 1px dotted #ff0000; border-bottom:1px solid #000000"

注意：边框类型的外观如下：

• none ：无边框。与任何指定的border-width值无关；
• dotted ：点线；
• dashed ：虚线；
• solid ：实线边框；
• double ：双线边框。两条单线与其间隔的和等于指定的border-width值；
• groove ：3D凹槽；
• ridge ：边框突起；
• inset ：3D凹边；
• outset ：3D凸边；

附:设置style="background:transparent"则表单控件背景透明