margin
margin规定元素中四个方向的外边距属性。四个外边距属性表示分别为: margin-top, margin-right, margin-bottom, margin-left。外边距属性可为负数。
语法
/* <length> value */ max-height: 2.5em; /*单值语法 */ /* <percentage> value */ /*二值语法 */ max-height: 95%; margin: top horizontal bottom; /*三值语法 */ margin: top right bottom left; /*四值语法 */ margin: auto;
值
| 值 | 描述 |
|---|---|
| <length> | 此关键词指定一个固定的宽度。可为负数。 |
| <percentage> | 此关键词表示相当于包含该元素的块的宽度(即相当于该块的百分比)。该值可为负数。 |
| auto | 此关键词会被替换为一个适当的值。且可以用于讲一个块级元素居中。 |
例子
HTML
<div id="red">
Hudaokeji.
</div>
CSS
#red {
width: 50%;
margin: auto;
background: red;
text-align: center;
}
执行结果
Hudaokeji.