作为一名新手,学习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。大家按照顺时针方向记忆就可以了。
明天继续盒子