css编写中padding的用法
2015-01-06 11:27
295 查看
内容提要:css编写中padding的用法,定义和用法,padding 简写属性在一个声明中设置所有内边距属性。说明,这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。
定义和用法
padding 简写属性在一个声明中设置所有内边距属性。
说明
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
注释:不允许使用负值。
例子 1
padding:10px 5px 15px 20px;
* 上内边距是 10px
* 右内边距是 5px
* 下内边距是 15px
* 左内边距是 20px
例子 2
padding:10px 5px 15px;
* 上内边距是 10px
* 右内边距和左内边距是 5px
* 下内边距是 15px
例子 3
padding:10px 5px;
* 上内边距和下内边距是 10px
* 右内边距和左内边距是 5px
例子 4
padding:10px;
* 所有 4 个内边距都是 10px
『 网页设计 | DIV+CSS 』
定义和用法
padding 简写属性在一个声明中设置所有内边距属性。
说明
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
注释:不允许使用负值。
例子 1
padding:10px 5px 15px 20px;
* 上内边距是 10px
* 右内边距是 5px
* 下内边距是 15px
* 左内边距是 20px
例子 2
padding:10px 5px 15px;
* 上内边距是 10px
* 右内边距和左内边距是 5px
* 下内边距是 15px
例子 3
padding:10px 5px;
* 上内边距和下内边距是 10px
* 右内边距和左内边距是 5px
例子 4
padding:10px;
* 所有 4 个内边距都是 10px
『 网页设计 | DIV+CSS 』
相关文章推荐
- 深入学习CSS中Margin和Padding属性用法
- CSS中margin和padding的区别和用法
- css margin和padding用法区别
- CSS中Padding的用法
- CSS中的外边距margin与内边距padding的用法
- 关于CSS Padding那些你意想不到的用法示例
- padding_css padding用法详解
- css中margin和padding的用法
- CSS padding的属性和用法
- css padding 用法 -- padding 和 margin 和 border 的区别
- CSS中margin的详细用法 (引用,什么时候用margin,什么时候用padding)
- 使用HTML+CSS编写灵活的Tab页
- 二、怎样编写CSS?
- css selector的IE用法
- CSS filter滤镜的用法
- div+css使用!important标记实现Firefox和IE6处理padding尺寸上的兼容
- CSS元素POSITION的用法一例
- asp中Button 的CSS用法
- 使用HTML+CSS编写一个灵活的Tab页
- CSS和DOM属性用法速查手册