console
<body>
<header id="header1">
导航链接部分
</header>
<section id="section">
<nav>
<img src="CSS素材\COOKBOOK\CSSBASIC_Day03_Images\Images/jd_logo.png">
<img src="CSS素材\COOKBOOK\CSSBASIC_Day03_Images\Images/welcome.png">
<p class="zero">页签</p>
</nav>
<div id="body1">
<div>
<span><b>*</b>用户名:</span>
<input type>
<p>4-20位字母、数字、汉字及'-'、'_'组合</p>
</div>
<div>
<span><b>*</b>密码:</span>
<input type="password" name="txtPwd">
<p>4-20位字母、数字、汉字及'-'、'_'组合</p>
</div>
</div>
</section>
</body>
<style>
p.zero,body{background-color:#F2F2F2;
font-size:12px;
margin:0px;}
#header1{background-color:white;
width:100%
height:25px;
line-height:25px;
}
#section{width:1200px;
margin:0 auto;}
#body1{background-color:white;
padding:40px;
border:1px solid #ccc;
border-top:none;
height:400px;
background:#fff url(CSS素材/COOKBOOK/CSSBASIC_Day03_Images/Images/reg_phone.jpg) no-repeat 95% 40px;}
#body1 b{color:red;}
#body1 span{float:left;
width:150px;
height:30px;
line-height:30px;
color:gray;
text-align:right;}
#body1 input{float:left;
height:30px;
width:270px;
border:1px solid #ccc;
box-sizing:border-box;
outline:0;}
#body1 p{float:left;
width:270px;
height:30px;
line-height:30px;
box-sizing:border-box;
border:1px solid #ccc;
padding-left:3px;
margin-left:5px;
margin-top:0px;
background-color:#F7F7F7;}
</style>