欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » CSS教程 » 正文

CSS间隙属性

创建时间:2011年07月14日 21:15  阅读次数:(5096)
分享到:

间隙属性(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。

来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 11+70=? 的结果(结果是:81)
结  果: