內(nèi)邊距是什么：

內(nèi)邊距在正文（content）外，邊框（border）內(nèi)。控制該區(qū)域最簡單的屬性是 padding 屬性。padding 屬性定義元素邊框與元素內(nèi)容之間的空白區(qū)域。

CSS padding 屬性定義元素的內(nèi)邊距。padding 屬性接受長度值或百分比值，但不允許使用負值。

你可以進行統(tǒng)一的內(nèi)邊距設(shè)置，也可以進行單邊的那邊據(jù)設(shè)置： 例如，如果您希望所有 h1 元素的各邊都有 10 像素的內(nèi)邊距，只需要這樣：

h1 {padding: 10px;}

您還可以按照上、右、下、左的順序分別設(shè)置各邊的內(nèi)邊距，各邊均可以使用不同的單位或百分比值：

h1 {padding: 10px 0.25em 2ex 20%;}

如果只想設(shè)置某一邊的那邊據(jù)，我們也只可以辦到的,只需通過以下四個屬性：

padding-top

padding-right

padding-bottom

padding-left

顧名思義，這個是很好理解的。

在數(shù)值的設(shè)置中,我們前面講到過,可以使用多種單位,常用的就是像素(px)和厘米(cm),這個比較簡單,就簡單的測試一下就好:

在 html 文件中寫入一個表格,加上邊框?qū)傩?

<table border="1">
    <tr>
        <td>
            正文
        </td>
    </tr>
</table>

這是未設(shè)置之前的頁面:

下面我們在 CSS 文件中加入

h1 {
    padding-left: 5cm;
    padding-right: 5cm;
    padding-top: 30px;
    padding-bottom: 30px;
}

HTML 代碼更新為：

<table border="1">
    <tr>
        <td>
            <h1>正文</h1>
        </td>
    </tr>
</table>

下面就是效果截圖:

我們可以看出,我們操作的區(qū)域,在正文以外,在邊框以內(nèi).

?