您现在的位置是：网站首页> 编程资料编程资料

css的margin缩写方式有效提高书写效率CSS深入学习之让你认识不一样的marginCSS中margin边界叠加问题及解决方案CSS margin全面了解浅谈css margin重叠CSS 之margin知识点(必看)css布局之负margin妙用及其他实现细说CSS中margin属性的使用深入解析CSS中margin属性的使用CSS中使用负margin值来调整居中位置CSS属性探秘系列(六)：margin

2023-10-27 201人已围观

简介 margin缩写想必有很多新手朋友们都不知道吧，善于使用缩写的朋友可以有效的提高css样式的书写效率，看到这里是不是有点心动了，下面的示例将会让你有所收获

复制代码

代码如下:

margin: 20px;（上、下、左、右各20px。）

margin: 20px 40px;（上、下20px；左、右40px。）

margin: 20px 40px 60px;（上20px；左、右40px；下60px。）

margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。）

在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。

margin标记可以带一个、二个、三个、四个参数，各有不同的含义。