css---文本框优化
[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> cssrain demo</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE type=text/css>
body{FONT: 12px "sans-serif", "Arial", "Verdana";}
INPUT.txtInput {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 20px; BACKGROUND: #fff no-repeat 2px center; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
INPUT.searchInput {
BACKGROUND-IMAGE: url([img]http://img.namipan.com/p/f07aafc135dc521a17c505a9fc95a3649685fb9d55020000/3/2.gif[/img])
}
INPUT.commentInput {
BACKGROUND-IMAGE: url([img]http://img.namipan.com/p/ba88715a8216c08d925f3e8613960df0bf38168578010000/3/1.gif[/img])
}
INPUT.borderInput {
BORDER-RIGHT: #d5dee9 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: left top; BORDER-TOP: #d5dee9 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #d5dee9 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #d5dee9 1px solid; BACKGROUND-REPEAT: no-repeat
}
</STYLE>
</HEAD>
<BODY>
<P>
<LABEL for=keyword>用户名：</LABEL>
<INPUT class="txtInput searchInput" id=keyword name=keyword>
</P>
<P>
<LABEL for=comment>评论：</LABEL>
<INPUT class="txtInput commentInput" id=comment name=comment>
</P>
<P>
<LABEL for=background>边框：</LABEL>
<INPUT class=borderInput id=border name=border> </P>
</BODY>
</HTML>[/html]