步骤一：登录页面总共分为四个部分。
第一部分：DIV整体布局。
第二部分：登录标题部分。
第三部分：用户名和密码输入框。
第四部分：网页布局样式。
<body bgcolor="#cccccc">
<div class="div1">
<div class="div2">登陆</div>
<div class="div3">
<br/>
用户:<input type="text" #999; border-style:hidden;"/>html实现用户注册登录代码
<br/><br/>
密码:<input type="password" #999; border-style:hidden;"/>
<br/><br/>
<input type="reset" value="重置" #666; border-style:hidden;"/>
<input type="submit" value="登录" #666; border-style:hidden;"/>
</div>
</div>
</body>
步骤二：
div是所有DIV的样式。
div1是整体样式。
div2是登录标题样式。
div3是input输入框以及按键样式。
<style>
div{
margin:0 auto;
text-align:center;
background-color:#ccc;
}
.div1{
width:500px;
height:200px;
border-color:#000;
border-style:groove;
border-width:2px;
margn-top:100px;
}
.div2{
width:500px;
height:30px;
border-bottom-color:#000;
border-bottom-style:groove;
border-bottom-width:2px;
line-height:30px;
font-weight:bold;
background-color:#999;
}
.div3{
font-aize:18px;
font-weight:boid;
}
</style>
步骤三：用户名与密码输入框，其中内嵌样式 如：长、宽、边框、颜。
<input type="reset" value="重置" #666; border-style:hidden;"/>
<input type="submit" value="登录" #666; border-style:hidden;"/>
步骤四：登录按钮以及重置，其中也有内嵌样式，与其上相同。
用户:<input type="text" #999; border-style:hidden;"/>
<br/><br/>
密码:<input type="password" #999; border-style:hidden;"/>
<br/><br/>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。