1. 程式人生 > >html table屬性cellspacing cellpadding

html table屬性cellspacing cellpadding

html 中table標籤的兩個屬性 cellspacing 是表示單元格之前的空間,一般table標籤預設的 cellspacing=”1”, 也就是下面這種效果

<table border="1" align="center"  >
            <tr>
                <td>1</td>
                <td>first</td>
            </tr>
            <tr>
                <td>
2</td> <td>second</td> </tr> </table>

預設cellspacing="1"
當然要設定border屬性才可以看到表格形式,當不設定cellspacing 屬性時,每個單元格之前都有一個大小的間距,下面是使用cellspacing=“”0“” 單元格的效果

<table border="1" align="center"  cellspacing="0">
            <tr>
                <td>
1</td> <td>first</td> </tr> <tr> <td>2</td> <td>second</td> </tr> </table>

調整 cellspacing="0"

table的第二個屬性,cellpadding是單元格邊沿與其內容之前的空白,可以使文字在單元格中不那麼緊湊

<table border
="1" align="center" cellpadding="10" cellspacing="0">
<tr> <td>1</td> <td>first</td> </tr> <tr> <td>2</td> <td>second</td> </tr> </table>

新增cellpadding="10"效果