.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; }