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>
