padding的用法

1、padding-left等的含义

padding-right属性设置元素右内边距(空白),padding-right:50px;指距离右边距50px。值越大距离右边越远。
注意:不允许使用负值。所有主流浏览器都支持 padding-right 属性

同样还有其他类似的属性,padding-left,padding-top,padding-bottom。分别设置元素右内边距,设置元素的上内边距(空间),属性设置元素的下内边距(底部空白)

也可以同时设置所有内边距属性

举例:

{
padding:2px 4px 3px 4px;
}

2、padding单独使用

CSS中的padding:3px 4px 2px 6px;表示什么?
3 4 2 6分别表示上下左右的什么?padding是什么?

上,右,下,左,即顺时针次序.padding:对象四边的补丁边距,也称补白,内边距等.

可以搜索“CSS盒子模型”详细了解下.

标准盒子模型
属性值可以定义一个、两个、三个或者四个.如果仅定义一个属性值,则其余三个自动取相同值,如:padding:6px与padding:6px 6px 6px 6px 的效果完全一样;如果仅给出两个或三个值,那么缺失边的属性值将取与对边相同的值.如:padding:4px 6px与padding:4px 6px 4px 6px 效果相同,padding:2px 4px 6px与padding:2px 4px 6px 4px的效果相同.明白了吗?


另外建议从网上下载 CSS中文手册 学习。

posted on 2017-02-22 00:05  xiean1992  阅读(2546)  评论(0)    收藏  举报



TOP