html+css+js实现注册页面

注册页面

  • html+css
  • js

用html+css+js实现注册页面大概是这样的,当前只完成了注册界面,还在不断完善功能 html+css+js实现注册页面_第1张图片

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: 60

你可能感兴趣的:(#web,css,html,html5)