100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html制作唯品会登陆页面 login.html

html制作唯品会登陆页面 login.html

时间:2023-09-01 12:31:46

相关推荐

html制作唯品会登陆页面 login.html

唯品会登陆

* {

padding: 0;

margin: 0;

}

a {

text-decoration: none;

color: #666;

}

body {

font-size: 12px;

font-family: tahoma, arial, Hiragino Sans GB, WenQuanYi Micro Hei;

color: #666666;

}

.vip {

width: 1000px;

margin: 0 auto;

}

.header {

height: 97px;

margin-top: 50px;

}

.header .logo {

float: left;

background-image: url(img-loginreg/sprite-hash-91639fdc.png);

background-position: 0 0;

width: 313px;

height: 53px;

}

.header .promise {

float: right;

margin-top: 12.5px;

background-image: url(img-loginreg/sprite-hash-91639fdc.png);

background-position: -317px 0;

width: 445px;

height: 28px;

}

.content {

background-image: url(img-loginreg/57b4bd15bcc545b8b967d1df86589b99.jpg);

height: 600px;

background-position: center;

background-repeat: no-repeat;

}

.single {

float: right;

width: 300px;

padding-top: 40px;

padding-right: 74px;

}

.top {

font-size: 14px;

line-height: 16px;

margin-bottom: 15px;

}

.login {

margin-bottom: 25px;

height: 242px;

}

.login .tex {

width: 290px;

height: 34px;

padding-left: 10px;

border-radius: 3px;

outline: none;

border: 1px solid #999;

}

.login .inputyz {

height: 30px;

color: #F10180;

line-height: 30px;

}

.login .inputyz span {

display: none;

}

.footer p {

height: 18px;

line-height: 18px;

margin: 50px 297px;

}

.login .but {

width: 140px;

height: 40px;

font-size: 16px;

line-height: 40px;

cursor: pointer;

outline: 0;

color: white;

background-color: #f10180;

border: 1px solid #f10180;

border-radius: 3px;

margin-bottom: 15px;

}

.login .tex:hover {

border: 1px solid #333;

}

.login .but:hover {

opacity: 0.6;

}

.che {

display: inline-block;

width: 19px;

height: 16px;

background-image: url(img-loginreg/sprite.png);

/*border: 1px solid red;*/

background-position: -47px 0px;

}

.che:hover {

background-position: -22px -21px;

}

.forget {

float: right;

}

.forget:hover {

color: #f10180;

}

.reg {

float: right;

color: #f10180;

padding-left: 3px;

}

.third .title {

margin-bottom: 5px;

line-height: 24px;

}

.clearfix .xin,

.clearfix .qq,

.clearfix .zhi,

.clearfix .wei {

width: 24px;

height: 24px;

margin-right: 8px;

float: left;

background-image: url(img-loginreg/sprite-hash-91639fdc.png);

}

.clearfix .xin {

background-position: -291px -57px;

}

.clearfix .xin:hover {

background-position: -263px -57px;

}

.clearfix .qq {

background-position: -235px -57px;

}

.clearfix .qq:hover {

background-position: -347px -57px;

}

.clearfix .zhi {

background-position: -179px -57px;

}

.clearfix .zhi:hover {

background-position: -151px -57px;

}

.clearfix .wei {

background-position: -207px -57px;

}

.clearfix .wei:hover {

background-position: -319px -57px;

}

.clearfix span {

line-height: 24px;

cursor: pointer;

}

.clearfix span:hover {

color: #f10180;

}

.clearfix .arrow:hover {

border-color: #f10180 transparent transparent transparent;

}

.clearfix .arrow {

display: inline-block;

font-size: 0;

height: 0;

overflow: hidden;

border-width: 4px;

border-style: solid dashed dashed dashed;

border-color: #666 transparent transparent transparent;

vertical-align: -2px;

margin-left: 2px;

cursor: pointer;

}

.dis {

margin: 20px -13px;

display: none;

}

.dis a {

display: inline-block;

width: 66px;

line-height: 24px;

margin-bottom: 5px;

text-align: center;

}

.dis a:hover {

color: #f10180;

}

137***...,欢迎回来!请登录

请输入登录名

请输入密码

记住用户名

免费注册

忘记密码? |

合作网账号登录:

更多

网 易|

人人网 |

建行登录|

财付通

开心网|

中国移动|

翼支付

Copyright - ,All Rights Reserved ICP证:粤 B2-0329

document.getElementById("mor").onclick = function() {

var dis = this.parentNode.parentNode.children[2];

if(dis.style.display == "block") {

dis.style.display = "none";

} else {

dis.style.display = "block";

}

}

var phone = document.getElementById("phone")

phone.onblur = function() {

document.getElementsByTagName("p")[0].children[0].style.display = phone.value? "none" :"block";

phone.style.borderColor = phone.value == "" ? "#F10180" : "#333";

}

document.getElementById("pas").onblur = function() {

document.getElementsByTagName("p")[1].children[0].style.display = pas.value? "none" :"block" ;

"none";

document.getElementById("pas").style.borderColor = pas.value == "" ? "#F10180" : "#333";

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。