外边距margin
本帖最后由 i__++ 于 2024-4-14 17:58 编辑外边距也就是对象于对象之间的距离，它主要由4部分组成，分别是margin-top（上外边距）、margin-right（右外边距）、margin-bottom（下外边距）、margin-left（左外边距）。这4部分既可以单独只设置其中一个属性，也可以使用margin将4歌属性一起设置。当只需要单独设置某一个外边距时，以上边距为例，语法如下。01margin-top:<length>|auto|；
auto:表示默认的外边距。
length：使用百分比或者长度数值表示上边距。
如果需要同时设置上、下、左、右这4歌外边距的值，可以通过margin属性简写，简写时右4种表达方式，下面一一讲解。
1.只设置一个外边距的值
当margin只有一个属性值时，语法如下。
01margin:5px;
上面语法中的5px表示上、下、左、右这4个外边距的值都为5像素。相当于下面的表达方式。
01margin-top:5px;
02margin-right:5px;
03margin-bottom:5px;
04margin-left:5px;
2.设置两个外边距的值
当margin右两个属性值时，语法如下。
01margin:5px 10px;
上面的语法种，两个属性值以空格间隔开，其含义为该元素的上下外边距为5像素，左右外边距为10像素。
3.设置3歌外边距的值
当margin有3个属性值时，语法如下。
01margin:5px 10px 15px;
上面的语法种，3个属性值同样以空格间隔开，其含义为该元素的上外边距为5像素，左右外边距为10像素，下外边距为15像素。
4.设置4个外边距的值
当margin有4歌属性值时，语法如下。
01margin：5px 10px 15px 20px;
当margin有4个属性值时，它表示从顶端开始，按照顺时针顺序，依次描述各外边距的值，也就是依次设置上、右、下、左4歌外边距的值。
页:
[1]