margin

缺乏、安全感 2022-05-26 05:55 176阅读 0赞

1、语法

<table style="margin:10px 0px 0px;padding:0px;border:1px solid rgb(170,170,170);border-collapse:collapse;color:rgb(0,0,0);font-size:12px;background-color:rgb(249,249,249);"> 
 <tbody style="margin:0px;padding:0px;border:0px;"> 
 <tr style="margin:0px;padding:0px;border:0px;"> 
 <th style="margin:0px;padding:5px 15px 5px 6px;border:1px solid rgb(170,170,170);vertical-align:baseline;background-color:rgb(213,213,213);">值</th> 
 <th style="margin:0px;padding:5px 15px 5px 6px;border:1px solid rgb(170,170,170);vertical-align:baseline;background-color:rgb(213,213,213);">描述</th> 
 </tr> 
 <tr style="margin:0px;padding:0px;border:0px;"> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">auto</td> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">浏览器计算外边距。</td> 
 </tr> 
 <tr style="margin:0px;padding:0px;border:0px;"> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">length</td> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。</td> 
 </tr> 
 <tr style="margin:0px;padding:0px;border:0px;"> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">%</td> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">规定基于父元素的宽度的百分比的外边距。</td> 
 </tr> 
 <tr style="margin:0px;padding:0px;border:0px;"> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">inherit</td> 
 <td style="margin:0px;padding:6px 15px 6px 6px;border:1px solid rgb(170,170,170);vertical-align:text-top;background-color:rgb(239,239,239);">规定应该从父元素继承外边距。</td> 
 </tr> 
 </tbody> 
</table>

形如：margin:5px 10px 15px 20px;

依次表示 上右下左

上 margin-top 5px

右 margin-right 10px

下 margin-bottom 15px

左 margin-left 20px

缺省情况下 margin:5px;

表示 上下左右都是5px

缺省情况下 margin:5px 10px;

表示 上下是5px,左右是10px

缺省情况下 margin:5px auto 10px;

表示 上是5px,左右是auto,下为10px