1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 /*外边距*/ 8 /*margin:检索或设置对象四边的外延边距*/ 9 /*margin-top:检索或设置对象顶边的外延边距*/ 10 /*margin-right:检索或设置对象右边的外延边距*/ 11 /*margin-bottom:检索或设置对象下边的外延边距*/ 12 /*margin-left:检索或设置对象左边的外延边距*/ 13 /*margin:auto;*/ 14 /*margin负值让元素位移及合并;*/ 15 .margin{ 16 width: 200px; 17 height: 200px; 18 background-color: bisque; 19 margin: auto; 20 } 21 .margin1{ 22 width: 200px; 23 height: 200px; 24 background-color: yellowgreen; 25 margin: auto; 26 margin-top: 20px; 27 } 28 </style> 29 </head> 30 <body> 31 32 <div class="margin"></div> 33 <div class="margin1"></div> 34 </body> 35 </html>