创建注册内容html>
用户注册页面
@charset"utf-8";
body{
background-color:#F0F0F0;
}
*{
border:0px;
padding:0px;
margin:0px;
font-size:14px;
}
#top{
width:100%;
height:90px;
background-color:white;
border-bottom:1pxsolid#bbbbbb;
}
#menu{
width:1000px;
overflow:hidden;
margin:0auto;
}
#menuimg{
height:90px;
}
#menuul{
list-style-type:none;
}
#menuulli{
float:left;
height:90px;
line-height:90px;
margin-right:50px;
}
#menuullia{
color:black;text-decoration:none;
display:inline-block;
}
#menuullia:hover{color:#FFD700;text-decoration:none}
首页科技资讯心情随笔资源收藏图文图片留言板登陆/注册
注册账号已有账号直接登陆
然后对样式进行修改#box{
width:900px;
height:370px;
background-color:white;
margin:0auto;
margin-top:50px;
padding:50px;
}
#boxp{
text-align:center;
}
.p_line{
border-bottom:1pxsolid#bbbbbb;
height:40px;
line-height:50px;
}
.txtBox{
border:1pxsolid#bbbbbb;
width:350px;
margin-top:30px;
height:50px;
padding-left:10px;
border-radius:5px;
}
.btn{
width:365px;
height:50px;;
color:white;
background-color:#DD0000;
margin-top:25px;
}
对box元素,限定宽度和高度,改变颜色,居中显示,调整距离,p标签使文字居中,对输入框依次进行样式美化,加边框,调整颜色高度,,完成效果如下。