css设置文本框样式，第一个是普通的样式，第二个是只有背景颜色的文本框，第三个是把文本框的四个边变成黑色的样式，第四个是把上边框、左右边框定义与
背景颜色的样式，像一个填空题：）
1）、普通文本框
复制代码 代码示例:
<input type="text" name="email" size="15" maxlength="255">
2）、仅有背景的文本框
先在head部分添加：
复制代码 代码示例:
<head>
<style>
<!--
.input{ BACKGROUND-COLOR:#dbe9f5; BORDER-BOTTOM:#ffffff 1px solid; BORDER-LEFT:#ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP:
#ffffff 1px solid; COLOR: rgb(0,0,0); FONT-SIZE: 9pt
}
//-->
</style>
</head>
然后，在有引用文本框的地方写上：
复制代码 代码示例:
<input type="text" name="email" size="15" maxlength="255" class=input>
解释程序：在head中的代码中的红色地方，你大约都能看懂:BORDER-BOTTOM --- 文本框边框底边的颜色值，其他的依次是左边、右边、上边的颜色值。
在这里将四个边的颜色值都设置成与网页同颜色的，因此当你把文本框的颜。
色设置成与边框不同的颜色时，就会显示出上面例子中第二个文本框的那中情况。
注意，需要把class=input写在上面。
3）、没有阴影的文本框
代码：
复制代码 代码示例:
.input1{ BACKGROUND-COLOR:#ffffff; BORDER-BOTTOM:#000000 1px solid; BORDER-LEFT:#000000 1px solid; BORDER-RIGHT: #000000 1px solid; BOR
DER-TOP: #000000 1px solid; COLOR: rgb(0,0,0); FONT-SIZE: 9pt
}
<input type="text" name="email" size="15" maxlength="255" class=input1>
4）、填空式的文本框
复制代码 代码示例:
.input2{ BACKGROUND-COLOR:#ffffff; BORDER-BOTTOM:#000000 1px solid; BORDER-LEFT:#ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP
: #ffffff 1px solid; COLOR: rgb(0,0,0); FONT-SIZE: 9pt
}
<input type="text" name="email" size="15" maxlength="255" class=input2>
背景融合很好的文本框样式：
复制代码 代码示例:
.input01 {
background-image: url(../images/Input_1.jpg);
background-repeat: no-repeat;
height: 33px;
width: 195px;
left: 343px;
top: 438px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-collapse:collapse;
margin-top: 44px;
margin-left:171px;
color: #e9f7fe;
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: bottom;
padding: 0px;
}
关键是border和padding的设置。
如果是文本框会拉长的，就切成至少3块，left，right，中间1px bg。
