padding 属性有以下几种用法:
1. 设置所有内边距:
element {
padding: 10px; /* 设置所有四个方向的内边距为10像素 */
}
2. 设置上、右、下、左的内边距:
element {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
3. 设置上下内边距和左右内边距:
element {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
4. 使用缩写:
element {
padding: 10px 20px; /* 上下内边距为10像素,左右内边距为20像素 */
}
或者可以使用四个值的缩写,分别表示上、右、下、左的内边距:
element {
padding: 10px 20px 15px 25px; /* 上、右、下、左的内边距分别为10、20、15、25像素 */
}
padding 的值可以使用长度单位(像素、百分比等)、em 等。例如,padding: 10px; 表示所有四个方向的内边距都是10像素。
转载请注明出处:http://www.zyzy.cn/article/detail/4230/CSS