CSS边距属性


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


左边距属性(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}


你也可以分别设置边距,顺序是上,右,下,左。示例如下:


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


上面的代码表示,上边距为1cm,右边距为2cm,下边距为3cm,左边距为4cm。





CSS间隙属性


间隙属性(padding)是用来设置元素内容到元素边界的距离。


左间隙属性(padding-left)


这个属性用来设定左间隙的宽度。示例如下:


.d1{padding-left:1cm}


右间隙属性(padding-right)


这个属性用来设定右间隙的宽度。示例如下:


.d1 {padding-right:1cm}


演示示例请参照左间隙属性示例,只要将里面的padding-left改成padding-right即可。


上间隙属性(padding-top)


这个属性用来设定上间隙的宽度。示例如下:


.d1 {padding-top:1cm}


演示示例请参照左间隙属性示例,只要将里面的padding-left改成padding-top即可。


下间隙属性(margin-bottom)


这个属性用来设定下间隙的宽度。示例如下:


.d1{padding-bottom:1cm}


演示示例请参照左间隙属性示例,只要将里面的padding-left改成padding-bottom即可。


间隙属性(padding)


这个属性是设定间隙宽度的一个快捷的综合写法,用这个属性可以同时设定上下左右间隙属性。


你可以为上下左右间隙设置相同的宽度。示例入下:


.d1 {padding:1cm}


你也可以分别设置间隙,顺序是上,右,下,左。示例如下:


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


上面的代码表示,上间隙为1cm,右间隙为2cm,下间隙为3cm,左间隙为4cm。