欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  csspadding属性定义及用法
 
  在css中,padding属性是一个简写属性,用来设置所有内边距属性(填充),将上边距属性、右边距属性、下边距属性、左边距属性定义在同一个声明中。
 
  csspadding属性语法格式
 
  1.padding:属性值1属性值2属性值3属性值4
 
  2.padding:属性值1属性值2属性值3
 
  3.padding:属性值1属性值2
 
  4.padding:属性值1
 
  说明:
 
  1.padding属性有4个属性值时:四个属性值分别定义上内边距、右内边距、下内边距、左内边距
 
  2.padding属性有3个属性值时:属性值1和属性值3分别定义上内边距和下内边距。属性值2定义右内边距、左内边距
 
  3.padding属性有2个属性值时:属性值1定义上内边距和下内边距。属性值2定义右内边距、左内边距
 
  4.padding属性只有1个属性值时:该属性值定义上内边距、右内边距、下内边距、左内边距
 
  可能的属性值
 
  auto:浏览器计算内边距
 
  length:规定以具体单位计的内边距值,比如像素、厘米等(默认为0px)
 
  %:规定基于父元素的宽度的百分比的内边距
 
  inherit:从父元素继承padding属性的值


 
  实例
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>csspadding属性设置元素内边距</title>
 
  <styletype="text/css">
 
  div{width:260px;border:1pxsolid#000;padding:10px20px30px40px;}
 
  </style>
 
  </head>
 
  <body>
 
  <div>padding属性设置元素内边距,这是为了演示效果所添加的文本。
 
  padding:12px14px16px18px;</div>
 
  </body>
 
  </html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j54017.shtml