CSS入門基礎(chǔ)教程：CSS間隙屬性

2020-03-24 19:11:13

字體：大中小

供稿：網(wǎng)友

示例： html
head
title 左間隙屬性 padding-left /title
style type="text/css"
td {padding-left: 2cm}
/style
/head body table border= "1"
tr
td 這個單元格的CSS左間隙屬性(padding-left)為2厘米。 /td
/tr
/table /body
/html 右間隙屬性(padding-right) 這個屬性用來設(shè)定右間隙的寬度。示例如下：.d1 {padding-right:1cm} 演示示例請參照左間隙屬性示例，只要將里面的padding-left改成padding-right即可。上間隙屬性(padding-top) 這個屬性用來設(shè)定上間隙的寬度。示例如下：.d1 {padding-top:1cm} 演示示例請參照左間隙屬性示例，只要將里面的padding-left改成padding-top即可。下間隙屬性(margin-bottom) 這個屬性用來設(shè)定下間隙的寬度。示例如下：.d1{padding-bottom:1cm} 演示示例請參照左間隙屬性示例，只要將里面的padding-left改成padding-bottom即可。間隙屬性(padding) 這個屬性是設(shè)定間隙寬度的一個快捷的綜合寫法，用這個屬性可以同時設(shè)定上下左右間隙屬性。你可以為上下左右間隙設(shè)置相同的寬度。示例入下：.d1 {padding:1cm} 你也可以分別設(shè)置間隙，順序是上，右，下，左。示例如下：.d1 {padding:1cm 2cm 3cm 4cm} 上面的代碼表示，上間隙為1cm，右間隙為2cm，下間隙為3cm，左間隙為4cm。示例：上下左右間隙寬度相同 html
head
title 間隙屬性 padding /title
style type="text/css"
td {padding: 1cm}
/style
/head
body table border= "1"
tr
td 這個單元格設(shè)置了CSS間隙屬性。上下左右間隙寬度都為1厘米。 /td
/tr
/table /body
/html 示例：上下左右間隙寬度各不相同 html
head
title 間隙屬性 padding /title
style type="text/css"
td {padding: 0.5cm 1cm 4cm 2cm}
/style
/head
body table border= "1"
tr
td 這個單元格設(shè)置了CSS間隙屬性。上間隙為0.5厘米，右間隙為1厘米，下間隙為4厘米，左間隙為2厘米。 /td
/tr
/table /body
/htmlhtml教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：CSS樣式表概述

下一篇：總結(jié)8個關(guān)于html、css鏈接樣式的實例代碼