padding

CSS 快速掌握 admin 369浏览

padding是“内填充”的意思,指的是盒子中间的内容到边框的这一段距离

padding是有4个方向的,所以我们能够分别的描述这4个方向的padding

方法有两种:第一种我们称之为小属性,第二种我们称之为简写属性

●小属性:

  • padding-top:上内填充
  • padding-right:右内填充
  • padding-bottom:下内填充
  • padding-left:左内填充

●简写属性:padding:这个属性是有方向的,可以同时表示四个方向,这个属性的方向是有顺序的,顺序是顺时针方向,也就是:上、右、下、左这个顺序

  • padding:20px表示上右下左这四个方向的内填充都为20像素
  • padding:10px 20px;表示上下为10像素左右为20像素
  • padding:10px 20px 30px;表示上为10左右为20下为30
  • padding:10px 20px 30px 40px;表示上为10左为20右为30下为40

转载请注明:大灰牛博客 » padding