hrefspace

 找回密码
 立即注册
搜索
热搜: PHP PS 程序设计
查看: 435|回复: 0

外边距margin

[复制链接]

19

主题

22

帖子

349

积分

版主

Rank: 7Rank: 7Rank: 7

积分
349
发表于 2024-4-14 17:40:16 | 显示全部楼层 |阅读模式
本帖最后由 i__++ 于 2024-4-14 17:58 编辑

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|hrefspace

GMT+8, 2024-10-30 16:22 , Processed in 0.064873 second(s), 23 queries .

Powered by hrefspace X3.4 Licensed

Copyright © 2022, hrefspace.

快速回复 返回顶部 返回列表