赛捷软件论坛's Archiver

vicky.yu 发表于 2024-4-2 12:37

填充 - 简写属性

为了缩短代码,它可以在一个属性中指定的所有填充属性。

这就是所谓的缩写属性。所有的填充属性的缩写属性是"padding":

实例
padding:25px 50px;

尝试一下 »
Padding 属性,可以有一到四个值。

padding:25px 50px 75px 100px;

上填充为25px
右填充为50px
下填充为75px
左填充为100px
padding:25px 50px 75px;

上填充为25px
左右填充为50px
下填充为75px
padding:25px 50px;

上下填充为25px
左右填充为50px
padding:25px;

所有的填充都是25px
Examples
更多实例
在一个声明中的所有填充属性
这个例子演示了使用缩写属性设置在一个声明中的所有填充属性,可以有一到四个值。

设置左部填充
这个例子演示了如何设置元素左填充。

设置右部填充
这个例子演示了如何设置元素右填充。.

设置上部填充
这个例子演示了如何设置元素上填充。

设置下部填充
这个例子演示了如何设置元素下填充。

所有的CSS填充属性
属性        说明
padding        使用缩写属性设置在一个声明中的所有填充属性
padding-bottom        设置元素的底部填充
padding-left        设置元素的左部填充
padding-right        设置元素的右部填充
padding-top        设置元素的顶部填充

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.