美文网首页
内边距padding

内边距padding

作者: JK_Coder | 来源:发表于2019-01-07 10:56 被阅读10次

内边距

  • padding 边框和内容之间的距离

2.格式
2.1非连写
padding-top: ;
padding-right: ;
padding-bottom: ;
padding-left: ;

2.2连写
padding: 上 右 下 左;

2.这三个属性的取值省略时的规律
2.1上 右 下 左 > 上 右 下 > 左边的取值和右边的一样
2.2上 右 下 左 > 上 右 > 左边的取值和右边的一样 下边的取值和上边一样
2.3上 右 下 左 > 上 > 右下左边取值和上边一样

注意点:
1.给标签设置内边距之后, 标签占有的宽度和高度会发生变化
2.给标签设置内边距之后, 内边距也会有背景颜色

相关文章

  • HTML+CSS进阶

    输入 设置单一边距:padding-top(上内边距)、padding-bottom(下内边距)、padding-...

  • css盒子-内外边距

    内边距(padding) padding属性用于设置内边距。 是指 边框与内容之间的距离。 padding-to...

  • 盒模型(Box Model)

    盒模型由元素内容,内边距,外边距,边框组成。 一、内边距(padding) .box{ padding-top:...

  • 内边距

    内边距 1.内边距为边框和内容之间的内边距 2.格式 padding-top padding-right padd...

  • 04-盒子

    padding-top:100px 内边距 背景会延伸到内边距 修改内边距会影响和子的大小 padding:上...

  • 内边距padding

    内边距 padding 边框和内容之间的距离 2.格式2.1非连写padding-top: ;padding-r...

  • padding 内边距

    一个值 :上下左右 比如: padding:1px 两个值:上下 左右 三个值:上 左右 下 四个值:上右下左(顺时针)

  • CSS盒模型

    CSS 盒模型 规定了元素框处理元素内容。 padding(内边距) CSS padding 属性定义元素的内边距...

  • 学习第八天

    外边距和内边距的简写方式: padding:padding: 上下左右; 0 padding: 上下...

  • HTML与CSS

    HTML CSS padding 内边距;

网友评论

      本文标题:内边距padding

      本文链接:https://www.haomeiwen.com/subject/pzgyrqtx.html