*{
margin: 0;padding: 0
}
body{
background: url("image/bg.jpg")
}
.parent{
position: relative;
text-align: center;
}
.child1{
width: 200px;
height: 350px;
border: 1px solid #fff;
position: absolute;
left: 110px;
top: 200px;
}
.black1{
background: #333;
width: 200px;
height: 350px;
position: absolute;
opacity: 0.5;
transition: all 1s;
cursor: pointer;
}
.black1:hover{
opacity: 0;
transition: all 1s;
}
.black2{
background: #333;
width: 200px;
height: 350px;
position: absolute;
opacity: 0.5;
transition: all 1s;
cursor: pointer;
}
.black2:hover{
opacity: 0;
transition: all 1s;
}
.black3{
background: #333;
width: 200px;
height: 350px;
position: absolute;
opacity: 0.5;
transition: all 1s;
cursor: pointer;
}
.black3:hover{
opacity: 0;
transition: all 1s;
}
.black4{
background: #333;
width: 200px;
height: 350px;
position: absolute;
opacity: 0.5;
transition: all 1s;
cursor: pointer;
}
.black4:hover{
opacity: 0;
transition: all 1s;
}
.black5{
background: #333;
width: 200px;
height: 350px;
position: absolute;
opacity: 0.5;
transition: all 1s;
cursor: pointer;
}
.black5:hover{
opacity: 0;
transition: all 1s;
}
.child1 img{
width: 200px;
height: 350px;
}.child2 img{
width: 200px;
height: 350px;
}
.child3 img{
width: 200px;
height: 350px;
}
.child4 img{
width: 200px;
height: 350px;
}
.child5 img{
width: 200px;
height: 350px;
}
.child2{
width: 200px;
height: 350px;
border: 1px solid #fff;
position: absolute;
top: 200px;
left: 370px;
}
.child3{
width: 200px;
height: 350px;
border: 1px solid #fff;
position: absolute;
top: 200px;
left: 43.3%;
}
.child4{
width: 200px;
height: 350px;
border: 1px solid #fff;
position: absolute;
top: 200px;
right: 360px;
}
.child5{
width: 200px;
height: 350px;
border: 1px solid #fff;
position: absolute;
top: 200px;
right: 100px;
}
.p1{
font-family: STXingkai;
font-size: 60px;
color: #fff;
padding-top: 100px;
}
.member span{
font-family: STXingkai;
font-size: 30px;
color: #fff;
}
.member{
position: absolute;
bottom: 400px;
width: 1200px;
}
.lqs{
position: absolute;
left: 160px;
}
.hwj{
position: absolute;
left: 420px;
}
.ch{
position: absolute;
left:690px;
}
.wj{
position: absolute;
right: 200px;
}
.yl{
position: absolute;
right: -60px;
}
.q1{
width: 500px;
height: 1px;
background: #fff;
float: left;
margin-top: 20px;
}
.q2{
width: 500px;
height: 1px;
background: #fff;
float:right;
margin-top: 20px;
}
.q3{
font-family: STXingkai;
font-size: 30px;
color: #fff;
}
.footer{
position: absolute;
bottom: 60px;
left: 120px;
}
骆其森
黄晚君
程浩
汪娟
余露
一键复制
编辑
Web IDE
原始数据
按行查看
历史