1 <!doctype html> 2 <html> 3 <head> 4 <title>margin</title> 5 <meta charset="utf-8"> 6 <meta name="keywords", content=""> 7 <meta name="description", content=""> 8 <style type="text/css"> 9 *{padding:0; margin:0;} 10 .box{ 11 width:200px; 12 height:200px; 13 background:red; 14 margin:10px 20px 30px 40px; 15 } 16 .box1{ 17 width:200px; 18 height:200px; 19 background:gold; 20 margin-top: 20px; 21 margin-right: 10px; 22 margin-bottom: 30px; 23 margin-left: 40px; 24 } 25 </style> 26 </head> 27 <body> 28 <div class="box"></div> 29 <p>我是你耶耶</p> 30 <div class="box1"></div> 31 </body> 32 </html>