1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <style>
7 *{margin: 0;padding: 0;}
8 ul,ol ,li{list-style: none;}
9 a{color: black;text-decoration: none;}
10 img{border: none;}
11 .mao {width:799px;margin:0 auto;height: 480px;position: relative;margin-top: 100px;}
12
13 .M1{border: 4px solid white;box-shadow: 0px 0px 5px 5px #696969;position: absolute;transform: rotate(6deg);}
14 .M2{border: 4px solid white;box-shadow: 0px 0px 5px 5px #696969;position: absolute;transform: rotate(-12deg);}
15 .M3{border: 4px solid white;box-shadow: 0px 0px 5px 5px #696969;position: absolute;}}
16 </style>
17 </head>
18 <body>
19 <div class="mao">
20 <img src="img/mao.jpg" class="M1"/>
21 <img src="img/mao.jpg" class="M2"/>
22 <img src="img/mao.jpg" class="M3"/>
23 </div>
24 </body>
25 </html>