学步园

预览最终效果>>

form{
	margin: 0px;
	padding: 4px;
}

#member{
	width: 170px;
	background: #F1F1F1;
	text-align: center;
}

label{
	width: 40px;
	float: left;
	text-align: right;
	padding: 3px 0px 1px;
	color: #666666;
}

input{
	border: 1px solid #CCCCCC;
	margin: 1px;
	padding: 1px;
	font-family: Arial;
	font-size: 12px;
	color: #666666;
}

.bt{
	width: 22px;
	height: 20px;
	font-size: 10px;
	color: #333333;
	border: solid 1px #CCCCCC;
	background: #FBFBFB;
}

<div id="member"><form name="form1" id="form1" method="post" action="#">
<div><label for="name">Name:</label>
<input name="name" id="name" type="text" size="16" maxlength="10" />
</div><div><label for="pass">Pass:</label>
<input id="pass" name="pass" type="password" size="10" maxlength="10" />
<input name="Submit" type="submit" class="bt" value="OK" />
</div></form></div>