CSS padding(填充)简写属性

CSS中,padding可以指定不同的侧面不停的填充:

比如:

  • padding-top:30px;                         //上内边距是30px
  • padding-bottom:60px;                   //下内边距是60px
  • padding-right:30px;                       //右内边距是30px
  • padding-left:60px;                         //左内边距是60px

为了缩短代码,padding可以在一个属性中指定所有的填充属性。这就是所谓的简写属性

所有的填充属性的简写属性是padding

Padding属性可以有一到四个值。

代码 功能
padding:10px 20px 30px 40px;
  • 上填充为10px
  • 右填充为20px
  • 下填充为30px
  • 左填充为40px
padding:10px 20px 30px;
  • 上填充为10px
  • 左右填充为20px
  • 下填充为30px
padding:10px 20px;
  • 上下填充为10px
  • 左右填充为20px
padding:10px;
  • 所有的填充都是10px
发布了39 篇原创文章 · 获赞 8 · 访问量 9186

猜你喜欢

转载自blog.csdn.net/cxd3341/article/details/100746505
今日推荐