99 lines
1.4 KiB
Plaintext
99 lines
1.4 KiB
Plaintext
![]() |
.box1{
|
||
|
background-color: #eec2c7;
|
||
|
width: 390px;
|
||
|
height: 40px;
|
||
|
}
|
||
|
/* 顶部两框 */
|
||
|
.h1{
|
||
|
width: 60px;
|
||
|
height: 30px;
|
||
|
background-color: #DE868F;
|
||
|
top:5px;
|
||
|
left: 10px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.z1{
|
||
|
top:5px;
|
||
|
left: 15px;
|
||
|
position: absolute;
|
||
|
}
|
||
|
.h2{
|
||
|
width: 75px;
|
||
|
height: 30px;
|
||
|
background-color: #DE868F;
|
||
|
top:5px;
|
||
|
left: 90px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.z2{
|
||
|
top:5px;
|
||
|
left: 5px;
|
||
|
position: absolute;
|
||
|
color: darkgrays;
|
||
|
}
|
||
|
/* 相册图 */
|
||
|
.t1 image{
|
||
|
width: 170px;
|
||
|
height: 170px;
|
||
|
top:70px;
|
||
|
left: 20px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.t2 image{
|
||
|
width: 170px;
|
||
|
height: 170px;
|
||
|
top:70px;
|
||
|
left: 200px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.t3 image{
|
||
|
width: 170px;
|
||
|
height: 170px;
|
||
|
top:260px;
|
||
|
left: 200px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.t4 image{
|
||
|
width: 170px;
|
||
|
height: 170px;
|
||
|
top:260px;
|
||
|
left: 20px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.t5 image{
|
||
|
width: 170px;
|
||
|
height: 170px;
|
||
|
top:450px;
|
||
|
left: 20px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.t6 image{
|
||
|
width: 170px;
|
||
|
height: 170px;
|
||
|
top:450px;
|
||
|
left: 200px;
|
||
|
position: absolute;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
/* 底部按钮 */
|
||
|
.box2{
|
||
|
width: 80px;
|
||
|
height: 40px;
|
||
|
position: absolute;
|
||
|
background-color: #DE868F;
|
||
|
top:640px;
|
||
|
left: 270px;
|
||
|
border-radius: 10px;
|
||
|
}
|
||
|
.z3{
|
||
|
top:10px;
|
||
|
left: 10px;
|
||
|
position: absolute;
|
||
|
}
|