5.2号个人冲刺（一）

今天我主要进行了登录注册界面的美化

对于引用矢量图的问题有遇到困难，后来百度学会

明天计划做主功能界面及美化

body{

margin:0;

padding:0;

font-family:sans-serif;

background:url(../img/bg1.4.jpg) no-repeat;

background-size: cover;

}

.login-box{

280px;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

color: white;

}

.login-box h1{

float: left;

font-size: 40px;

border-bottom: 6px solid #4caf50;

margin-bottom: 50px;

padding: 13px 0;

}

.textbox{

100%;

overflow: hidden;

font-size: 20px;

padding: 8px 0;

margin:8px 0;

border-bottom: 1px solid #4caf50;

}

/*.textbox i{

26px;

float:left;

text-align: center;

}*/

.textbox input{

border: none;

outline: none;

background: none;

color: white;

font-size: 18px;

80%;

float: left;

margin: 0 10px;

}

.dbtn{

100%;

background: none;

border:2px solid #4caf50;

color: white;

padding: 5px;

font-size: 18px;

cursor: pointer;

margin: 12px 0;

}

.zbtn{

100%;

background: none;

border:2px solid #4caf50;

color: white;

padding: 5px;

font-size: 18px;

cursor: pointer;

margin: 12px 0;

}

.cbtn{

100%;

background: none;

border:2px solid #4caf50;

color: white;

padding: 5px;

font-size: 18px;

cursor: pointer;

margin: 12px 0;

}

@font-face {

  font-family: 'iconfont';  /* project id 1194820 */

  src: url('//at.alicdn.com/t/font_1194820_iq6c8352b4h.eot');

  src: url('//at.alicdn.com/t/font_1194820_iq6c8352b4h.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1194820_iq6c8352b4h.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1194820_iq6c8352b4h.woff') format('woff'),

  url('//at.alicdn.com/t/font_1194820_iq6c8352b4h.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1194820_iq6c8352b4h.svg#iconfont') format('svg');

}

@font-face {

  font-family: 'iconfont';  /* project id 1194820 */

  src: url('//at.alicdn.com/t/font_1194820_44icvkodybk.eot');

  src: url('//at.alicdn.com/t/font_1194820_44icvkodybk.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1194820_44icvkodybk.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1194820_44icvkodybk.woff') format('woff'),

  url('//at.alicdn.com/t/font_1194820_44icvkodybk.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1194820_44icvkodybk.svg#iconfont') format('svg');

}

.iconfont{

font-family: "iconfont"!important;

font-size: 16px;

font-style: normal;

-webkit-font-smoothing: antialiased;

float: left;

}

.iconfont2{

font-family: "iconfont"!important;

font-size: 16px;

font-style: normal;

-webkit-font-smoothing: antialiased;

float: left;

}