首页 > 其他 > 详细

padding

时间:2015-11-12 21:35:29      阅读:344      评论:0      收藏:0      [点我收藏+]

作为一名新手,学习CSS,盒子模型是很重要的,今天讲一下padding.

Padding属性定义元素边框与元素内容之间的空间。
padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。
当元素的 Padding(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。
单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用,一旦改变一切都改变
padding-top:20px;上内边距 
 
padding-right:30px;右内边距

padding-bottom:30px;下内边距
 
padding-left:20px;左内边距
 
padding:1px四边统一内边距
 
padding:1px1px上下,左右内边距
 
padding:1px1px1px上,左右,下内边距
 
padding:1px1px1px1px上,右,下,左内边距

所有浏览器都支持 padding 属性。

padding写法有3种,分别如下:

padding:像素值;
padding:像素值1 像素值2;
padding:像素值1 像素值2 像素值3 像素值4;
“padding:20px;”表示四个方向的内边距都是20px;
“padding:20px 40px;”表示padding-top和padding-bottom为20px,padding-right和padding-left为40px。
“padding:20px 40px 60px 80px;”表示padding-top为20px,padding-right为40px,padding-bottom为60px,padding-left为80px。大家按照顺时针方向记忆就可以了。
 
 
明天继续盒子
技术分享

padding

原文:http://www.cnblogs.com/zhanglala/p/4960141.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!