样式单边距margin使你能够在网页上的元素的矩形区域外部添加空隙。需要记住的
是,margin属性处理的是元素外面的间距。
以下是设置边距的样式属性
margin-top:设置上边距
margin-right:设置右边距
margin-bottom:设置下边距
margin-left:设置左边距
margin:在一个属性中设置上、右、下、左边距。
希望每个<div>周围边距为15个像素，可以使用如下代码
margin-top:15px;
margin-right:15px;
margin-bottom:15px;
margin-left:15px;
也可以使用简写的margin属性:
margin:15px 15px 15px 15px;
当使用边距属性(填充或者边框)并且希望所有4个值都相同，可以进一步简化:
margin:15px;
有3种使用简写设置边距、填充或者边框的方法，这根据设置属性时使用多少个数值而
定。
一个值:所有边距的大小。
两个值:上、下边距和左、右边距(顺序是先上下后左右)
四各值:上、下、左、右边距(顺序是上、右、下、左)
为了确保位置和边距从浏览器的边缘开始计算，需要处理<body>元素本身的边距。
body
{
margin:0px;
}
-----------------------------------------------------------------------------------------------------------------------------
填充(padding)和边距类似，为元素添加额外的空间，但是这些空间所在的位置有很大
不同。回忆一下，边距被添加到元素外部，而填充在元素的矩形区域内部添加空间。举
个例子，如果你创建一条样式规则，建立一个宽度为50像素，高度为30像素的元素，然
后设置填充为5各像素，那么剩余的元素区域将为40像素 X 20像素。而且，因为元素的
填充出现在元素的内容区域之中，它将具有和元素内容相同的样式，包括背景颜色。
padding-top：设置上填充
padding-right：设置右填充
padding-bottom：设置下填充
padding-left：设置左填充
padding：通过单个属性设置上、左、下、右填充。
扫一扫
522
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
