国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

盒子內(nèi)邊距

內(nèi)邊距是什麼:

內(nèi)邊距在內(nèi)文(content)外,邊框(border)內(nèi)??刂圃搮^(qū)域最簡單的屬性是 padding 屬性。 padding 屬性定義元素邊框與元素內(nèi)容之間的空白區(qū)域。

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

你可以進(jìn)行統(tǒng)一的內(nèi)邊距設(shè)置,也可以進(jìn)行單邊的那邊據(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

QQ截圖20161011155202.png# padding-bottom

padding-left

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

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

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

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

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

QQ截圖20161011155220.png


下面我們在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).######?###########
繼續(xù)學(xué)習(xí)
||
<table border="1"> <tr> <td> 正文 </td> </tr> </table>