[css基础] css---文本框优化

tension

管理员

Rank: 9 Rank: 9 Rank: 9

1^# 大中小发表于 2008-3-17 15:58 只看该作者

css---文本框优化

<!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>

</BODY>
</HTML>

提示：您可以先修改部分代码再运行

搜索更多相关主题的帖子: css

TOP

‹‹ 上一主题 | 下一主题 ››

393张高清晰web2.0站点截图	425款精品毛笔墨迹+38款墨迹底纹..	10位Master级别的Photoshop高手	绝对漂亮的笔刷
Soul 近期新作品欣赏..	熟女养成日志—长草	魔幻抽象/吸血鬼传说！！	photoshop仿CG滤镜