文章教程

1.5.4处理页面的边距和填充

9/17/2020 9:26:54 PM 人评论 次浏览

1.5.4 处理页面的边距和填充

边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。

❑左边距属性--margin-left:这个属性用来设定左边距的宽度。示例代码如下。


.d1{margin-left:1cm}


❑右边距属性--margin-right:这个属性用来设定右边距的宽度。示例代码如下。


.d1{margin-right:1cm}


❑上边距属性--margin-top:这个属性用来设定上边距的宽度。示例代码如下。


.d1{margin-top:1cm}


❑下边距属性--margin-bottom:这个属性用来设定左边距的宽度。示例代码如下。


.d1{margin-bottom:1cm}


❑边距属性--margin:这个属性是设定边距宽度的一个快捷的综合写法,用这个属性可以同时设定上、下、左、右边距属性,还可以为上、下、左、右边距设置相同的宽度。示例代码如下。


.d1{margin:1cm}


也可以分别设置边距,顺序是上、右、下、左。示例代码如下。表示上边距为1cm,右边距为2cm,下边距为3cm,左边距为4cm。


.d1{margin:1cm 2cm 3cm 4cm}


教程类别