CSS - 用户登录布局 Login-Area
1 <style type="text/css">
2 body{
3 font-size:12px;
4 }
5 .login-area{
6 border:1px solid #EEE;
7 padding:10px;
8 margin:0 auto;
9 width:300px;
10 }
11 .username,.password{
12 margin:5px 0 0 0;
13 }
14 .username input,.password input{
15 font-size:12px;
16 margin-left:5px;
17 width:150px;
18 }
19 </style>
20 <div class="login-area">
21 <div class="username">
22 用 名<input type="text" name="username" id="username" class="username" />
23 </div>
24 <div class="password">
25 密 码<input type="password" name="password" id="password" class="password" />
26 </div>
27 </div>
2 body{
3 font-size:12px;
4 }
5 .login-area{
6 border:1px solid #EEE;
7 padding:10px;
8 margin:0 auto;
9 width:300px;
10 }
11 .username,.password{
12 margin:5px 0 0 0;
13 }
14 .username input,.password input{
15 font-size:12px;
16 margin-left:5px;
17 width:150px;
18 }
19 </style>
20 <div class="login-area">
21 <div class="username">
22 用 名<input type="text" name="username" id="username" class="username" />
23 </div>
24 <div class="password">
25 密 码<input type="password" name="password" id="password" class="password" />
26 </div>
27 </div>