外边距样式属性（margin）

外边距样式属性（margin）：设置边框外的距离。

属性：margin-top样式属性，margin-bottom样式属性，margin-left样式属性和margin-right样式属性。

代码示例：

xxu-957

957

郑州 大学

示例： 注意： padding属性可以有 1 到 4 个值： 1个值：表示上下左右内边框边距均为10px；

padding：10px;

2个值：表示上下内边框边距为10px，左右内边框边距为20px；

padding：10px 20px;

3个值：表示上内边框边距为10px，左右内边框边距为20px，下内边框边距为30px；

padding：10px 20px 30px;

4个值：表示上内边框边距为10px,右内边框边距为20px,下内边框边距为30px,左内边框边距为40px

padding：10px 20px 30px 40px;

二、*{padding:0;}——取消浏览器为HTML文档中各标签设置的padding默认值，方便后面设置；

三、行内非替换元素上设置的内边距不会影响行高计算，因此如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠；元素的背景会延伸穿过内边距。

padding-top样式属性 设置元素上内边距的宽度，该属性有多个值: 注意： 行内非替换元素上设置的上内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠； padding-bottom样式属性 设置元素下内边距的宽度， 该属性有多个值： 注意： 行内非替换元素上设置的下内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠； padding-left样式属性 设置元素左内边距的宽度， 该属性有多个值： 注意： 行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现。 padding-right样式属性 设置元素右内边距的宽度， 该属性有多个值： 注意： 行内非替换元素上设置的右内边距仅在元素所生成的第一个行内框的右边出现。