CSS-11-外边距 

 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>

 

posted @ 2019-07-27 14:28  我只是一个码农  阅读(147)  评论(0)  编辑  收藏  举报