今天我主要进行了登录注册界面的美化
对于引用矢量图的问题有遇到困难，后来百度学会
明天计划做主功能界面及美化
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;
}