console
<!DOCTYPE html>
<html>
<head>
<meta charset="uft-8">
<link rel="stylesheet" type="text/css" href="abc.css">
</head>
<body>
<div id="zt">
<div id="banner"></div>
<div id="one"></div>
<div id="two">
<form method="post" action="#">
姓名:<input type="text"><br>
密码:<input type="password"><br>
性别:男<input type="radio" name="xb" id="ns"> 女<input type="radio" name="xb" id="nvvs">
职业:学生<input type="checkbox">教师<input type="checkbox"><br>
<input type="submit" value="登录"> <input type="rest" value="重置">
</form>
</div>
<div id="three"></div>
</div>
</body>
</html>
body{margin-right: aunt; magin-left:aunto; width:1000px; height:750px; border-style:solid;}
#zt{width:800px; magin:10px aunto;}
#banner{width:800px; height:200px; background-color: blue; margin-bottom: 5px;}
#one{width:400px; height:200px; float:left; margin-top: 5px; background-color: wheat; margin-right: 10px;}
#two{width:300px; height:200px; magin-top:5px; magin-left:50px; padding-left:50px; float:left; background-color:aqua;}
#three{width:800px; height:300px; margin-top: 5px; border-style:solid double; border-radius: 5px; background-color:red; float: left;}
h4h{padding-left: p20px;}