padding 属性用于设置元素的内边距,即元素内容与其边框之间的空间。它可以应用于所有 HTML 元素。

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