CSS padding属性

来源:互联网 发布:mac word 方框打钩 编辑:程序博客网 时间:2024/06/16 09:20

padding 简写属性在一个声明中设置所有内边距属性。不允许指定负边距值。

 

padding属性包含了padding-left :左补距离(设置距左内边距) ;padding-top:头顶补距离(设置距顶部内边距);

                            padding-right :右补距离(设置距右内边距) ;padding-bottom :底补距离(设置距低内边距)。

如果是左右上下都需要设置padding的值时可以简写来实现,以优化css 。
如简写方式有:
padding:10px; 意思就是上下左右补丁距离就是10px(10像素)

                        等于padding-top:10px; padding-bottom:10px;padding-left:10px; padding-right:10px; 一样效果简写;
padding:5px 10px; 意思上下补丁距离为5px,左右的补丁距离为10px,

                        等于padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; 一样效果简写;
padding:5px 6px 7px; 意思补丁距离5px,补丁距离为7PX,左右补丁距离为6px,

                        等于padding-top:5px; padding-bottom:7px; padding-left:6px; padding-right:6px; 一样效果简写;
padding:5px 6px 7px 8px;  意思补丁为5px,补丁距离为6px ,补丁距离为7px,补丁距离8px,

                        等于padding-top:5px; padding-right:6px; padding-bottom:7px; padding-right:8px; 一样效果简写;

其中padding:5px 6px 7px 8px; 的转法为顺时针 即:上、右、下、左

原创粉丝点击