当前位置:首页  »  编程知识  »  CSS间隙属性-padding

  • CSS间隙属性-padding

  • 文章导读:在新的一年中,各位网友都进入紧张的学习或是工作阶段。网学的各位小编整理了编程知识-CSS间隙属性-padding的相关内容供大家参考,祝大家在新的一年里工作和学习顺利!

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

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

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

    全国精品课程资源库
  • 友情链接