HTML 表格可以展現大量數據,但默認情況下各列之間的間距可能不是我們想要的。在不使用 CSS 樣式的情況下,可以使用屬性 cellspacing 和 cellpadding 來調整單元格與表格邊框的距離。本文將介紹這兩個屬性的用法和設置方法。
首先,cellpadding 屬性用于設置單元格中內容與單元格邊框的距離,如下所示:
<table cellpadding="10"> <tr> <td>單元格 1</td> <td>單元格 2</td> </tr> </table>上面的代碼將設置單元格與單元格邊框之間的距離為 10 像素。 其次,cellspacing 屬性用于設置單元格之間的距離,如下所示:
<table cellspacing="10"> <tr> <td>單元格 1</td> <td>單元格 2</td> </tr> </table>上面的代碼將設置單元格之間的距離為 10 像素。 另外,如果想要為每個單元格設置不同的 cellpadding 或 cellspacing,可以在單元格標簽中單獨設置,如下所示:
<table cellspacing="10"> <tr> <td cellpadding="5">單元格 1</td> <td cellpadding="15">單元格 2</td> </tr> </table>上面的代碼將設置單元格 1 與單元格邊框之間的距離為 5 像素,設置單元格 2 與單元格邊框之間的距離為 15 像素。 最后提醒,HTML 表格的樣式也可以通過 CSS 樣式表進行調整,可以實現更加靈活的布局和樣式效果。 總之,在設計 HTML 表格時,設置 cellpadding 和 cellspacing 屬性可以幫助我們調整單元格與表格邊框的距離,使表格更美觀、清晰。