HTML 表格內邊距和間距
HTML 表格可以調整單元格內的內邊距,以及單元格之間的間距。
你好 | 你好 | 你好 |
你好 | 你好 | 你好 |
你好 | 你好 | 你好 |
你好 | 你好 | 你好 |
你好 | 你好 | 你好 |
你好 | 你好 | 你好 |
HTML 表格 - 單元格內邊距
單元格內邊距是單元格邊緣和單元格內容之間的空間。
預設情況下,內邊距設定為 0。
要在表格單元格中新增內邊距,請使用 CSS padding
屬性。
僅在內容上方新增內邊距,請使用 padding-top
屬性。
其他側邊則使用 padding-bottom
、padding-left
和 padding-right
屬性。
示例
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
自己動手試一試 »
HTML 表格 - 單元格間距
單元格間距是每個單元格之間的空間。
預設情況下,間距設定為 2 畫素。
要更改表格單元格之間的間距,請在 table
元素上使用 CSS border-spacing
屬性。