Web前端技术：案例：表单1
效果图：
完整代码：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>表单</title>
<style type="text/css">
#content{
background-color:green;
border-radius:10px 10px;
text-align:center;
padding:5px;
/*margin:30px 400px;*/
width:220px;
}
#head{
color:white;
height:30px;
}
#main{
padding:5px;
background-color:white;
border-radius:1px 1px 6px 6px;
}
#div1{
margin:10px;
}
input{
border-radius:3px 3px;
border:1px solid black;
height:20px;
}
</style>
</head>
<body>
<div id="content">
<div id="head"><h4>账号密码登录</h4></div>
<div id="main">
<form>
<div id="div1">
<input type="text"/><br/>
</div>
<div id="div1">
<input type="password"/>
</div>
</form>
</div>
</div>
</body>
