用html+css+js实现注册页面大概是这样的,当前只完成了注册界面,还在不断完善功能
![界面](https://img-blog.csdnimg.cn/0d5fd1f5639c49c0b96813884696f527.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2R1LXl4cw==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
html+css
使用HTML和CSS做出如上图所示简约的界面,代码核心主要是整体布局的设定,以及输入input属性的一些设置,主要代码如下所示
CSS
下面展示一些 内联代码片
。
// A code block
var foo = 'bar';
// An highlighted block
<style>
* {
margin: 0;
font-family: "微软雅黑";
}
h1{
font-style:italic;
}
#title{
width:400px;
height:100px;
position:absolute;
left:10%;
top:30%
}
#login_div {
background-color: white;
width: 370px;
height: 350px;
position: absolute;
left: 70%;
top: 20%;
}
#login_div .title {
background-color: #7B797C;
width: 100%;
height: 50px;
}
#login_div .title1 {
background-color: white;
width: 50%;
height: 100%;
text-align: center;
float: right;
}
#login_div .title2 {
width: 50%;
height: 100%;
text-align: center;
float: left;
}
#login_div .title p {
font-weight: 100;
font-size: 22px;
text-align: center;
line-height: 60px;
}
#login_div