margintop设置属性（css外边距怎么设置）
本文目录
css外边距怎么设置
在CSS中，可以使用margin属性及其相关属性来设置外边距。margin(外边距)属性定义元素周围的空间，允许使用负值。
margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。
margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。
CSS外边距的属性
margin：简写属性。在一个声明中设置所有外边距属性。
margin-bottom：设置元素的下外边距。
margin-left：设置元素的左外边距。
margin-right：设置元素的右外边距。
margin-top：设置元素的上外边距。
- margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
- margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px
- margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px
- margin:10px;
所有 4 个外边距都是 10px
- 《!DOCTYPE html》
- 《html》
- 《head》
- 《meta charset=“UTF-8“》
- 《style type=“text/css“》
- p.margin {margin: 2cm 4cm 3cm 4cm}
- 《/style》
- 《/head》
- 《body》
- 《p》这个段落没有指定外边距。《/p》
- 《p class=“margin“》
- 这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。
- 这个段落带有指定的外边距。这个段落带有指定的外边距。
- 《/p》
- 《p》这个段落没有指定外边距。《/p》
- 《/body》
- 《/html》
请点击输入图片描述
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
说明：
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
示例：
效果图：
请点击输入图片描述
求教怎么设置margin属性，可以使元素的位置居中
①水平居中： 文字：text-align:center; 容器：父级设置text-align:center; 容器本身设置：margin:0 auto;②垂直居中： 文字：vertical-align:middle;或vertical-align:50%; 容器： 方法1： 父级定位position:relative 容器定位postion:absolute 左上角下移top:50% 上移margin-top:一半高 方法2： 父级display:table-cell与vertival-align:middle 容器margin:auto与vertical-align:middle 【方法2的display:table-cell在IE6中有bug，可以给父级设置个宽或高解决。】
html所有关于内边距外边距的标签属性
1、padding-top 属性：设置 p 元素的上内边距，该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠。不允许指定负内边距值。
2、padding-right 属性：设置元素右内边距（空白）。该属性设置元素右内边距的宽度。行内非替换元素上设置的右内边距仅在元素所生成的第一个行内框的右边出现.
3、padding-bottom 属性：设置元素的下内边距（底部空白）。该属性设置元素下内边距的宽度。行内非替换元素上设置的下内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠。不允许指定负内边距值。
4、padding-left 属性：设置元素左内边距（空白）。该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现.
5、margin 属性：在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
参考资料来源：百度百科-CSS外边距
参考资料来源：百度百科-CSS内边距
更多文章：
2025年2月13日 06:20
2025年3月14日 12:30
软件java是什么意思（JAVA是什么软件主要是干什么用的）
2025年3月13日 10:20
2025年3月31日 08:20
CSS中font是什么意思？求美国加州Fontana和Bloomington这两个城市的气候
2025年3月7日 13:00
domino（如何安装或删除domino服务器作为Windows的服务）
2025年2月28日 08:50
framework笔记本官网（win7笔记本电脑程序与功能这么没有net framework）
2025年2月17日 14:20
modbustcp（安川modbustcp协议是直接可以使用么）
2025年3月18日 08:30
2025年3月31日 20:50
2025年3月26日 11:20
servu安装教程（怎样在虚拟机XP中安装Serv-u软件，利用Serv-u发布ftp站点）
2025年3月13日 21:20
fields音标（英语A CDR is composed of fields怎么翻译）
2025年4月2日 17:30
2025年2月23日 10:00
2025年3月13日 15:20
2025年3月26日 18:10
pycharm和eclipse选哪个（写python时用什么编辑器好）
2025年2月17日 09:10
js中 将 数字格式化为 小数点后保留2位 怎么弄？js格式化
2025年2月10日 15:50
2025年3月30日 16:20
the British Isles是什么意思？Isle怎么读
2025年3月29日 01:40
2025年3月9日 10:40
