第三小组

*{

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

原始数据

按行查看

历史