盒子內(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
# padding-bottom
padding-left
<table border="1"> <tr> <td> 正文 </td> </tr> </table>這是未設(shè)定之前的頁面:
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).######?###########