HTML——margin和padding

最新推荐文章于 2024-04-24 09:27:42 发布

小刘小刘可爱一流

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量1.9k

点赞数 3

文章标签： html

本文链接：https://blog.csdn.net/qq_44687512/article/details/107377598

版权

一、margin：外边距
1、margin-top：设置元素的上外边距

margin-top: 50px;

2、margin-bottom：设置元素的下外边距

margin-bottom: 50px;

3、margin-left：设置元素的左外边距

margin-left: 50px;

4、margin-right：设置元素的右外边距

margin-right: 50px;

5、margin属性可以有 1 到 4 个值

margin: 50px;  上下左右
margin: 10px 50px;  上下，左右
margin: 10px 50px 10px;  上，左右，下
margin: 10px 50px 10px 50px;  上，右，下，左

6、

margin:0 auto;——水平居中显示

二、padding：用于设置内部元素距离边框的间距
1、padding-top：设置元素上内边距的宽度

padding-top: 20px;

2、padding-bottom：设置元素下内边距的宽度

padding-bottom: 20px;

3、padding-left：设置元素左内边距的宽度

padding-left: 20px;

4、padding-right：设置元素右内边距的宽度（多行时才有效果）

padding-right: 20px;

5、padding属性可以有 1 到 4 个值

padding: 20px;上下左右
padding: 10px 50px;  上下，左右
padding: 5px 100px 50px;   上，左右，下
padding: 10px 50px 90px 100px;   上，右，下，左

关注