一、Padding属性的概念和作用
Padding是CSS中的一个属性，它用于设置一个元素的内边距，即元素边框与其中的内容之间的空白区域。默认情况下，元素的内边距为0。当我们为元素设置Padding属性时，元素的内容会被放置在Padding区域内，而不会被放置在边框上。
Padding属性的作用有以下几个方面：
1、可以为元素增加内边距，使得元素的内容与边框之间有一定的距离，使得页面看起来更加美观。
2、可以为元素的背景色设置Padding，使得背景色能够延伸到元素的Padding区域以内。
3、可以为元素的Hover状态设置Padding，增加元素被鼠标选中时的效果。
二、Padding属性的使用方法
Padding属性可以应用于所有的HTML标签，包括块级元素和行内元素。Padding属性有一个统一的语法格式：
选择器{
padding：属性值;
}
其中，选择器可以是任何一个CSS选择器，属性值可以是一个具体数值，也可以是一个复合值，格式为“上、右、下、左”，表示分别对应元素的上下左右四个方向的内边距。如果只填写了一个数值，则表示四个方向的内边距都相同。
下面是一个具体的示例：
div{
padding: 10px;
}
这个例子表示为所有的
标签增加一个10px的内边距。
标签用于创建一个表格。如果我们要对表格的整体进行Padding设置，可以使用
标签的Padding属性。
标签设置了一个内边距为10px的Padding。
三、HTML中的Padding应用
HTML中也有一些与Padding相关的标签和属性。下面我们来简单介绍一下。
1、table中的Padding
在HTML中，
<table cellpadding="10">
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
这个例子中，我们为
2、img中的Padding
标签用于插入图片，但是在默认情况下，
标签没有任何的Padding和Margin设置。如果我们想要为图片增加Padding，可以使用CSS中的Padding属性，或者使用HTML中的style属性。下面是一个使用style属性设置Padding的例子：
<img src="图片路径" style="padding: 10px;" />
这个例子为标签增加了一个10px的Padding。
