HTML中的表格是一種常見的排版方式,可以將數(shù)據(jù)以表格形式展示。在表格中,除了表格的內(nèi)容外,我們還需要設(shè)置一些屬性來控制表格的樣式,這些屬性設(shè)置在table標(biāo)簽中。
<table> <tr> <th>表頭1</th> <th>表頭2</th> </tr> <tr> <td>單元格1</td> <td>單元格2</td> </tr> </table>
上面是一個簡單的表格示例,下面我們來介紹一些常見的table標(biāo)簽屬性。
border
表格邊框的寬度,取值為0或1,默認(rèn)為1。若設(shè)置為0,則不顯示表格邊框。
<table border="1"> ... </table>
cellpadding
定義單元格與單元格之間的間距(內(nèi)邊距),取值為0或正整數(shù)。
<table cellpadding="10"> ... </table>
cellspacing
定義單元格與單元格之間的距離(外邊距),取值為0或正整數(shù)。
<table cellspacing="5"> ... </table>
width
設(shè)置表格的寬度,取值可以是像素、百分比或自適應(yīng)。使用百分比或自適應(yīng)時可以讓表格隨著頁面大小進行自適應(yīng)調(diào)整。
<table width="80%"> ... </table>
bgcolor
設(shè)置表格的背景顏色。
<table bgcolor="#E1E1E1"> ... </table>
align
設(shè)置表格在頁面中的水平對齊方式,取值可以是left、center或right。
<table align="center"> ... </table>
除了上述屬性外,table標(biāo)簽還有其他一些屬性,如居中、表格標(biāo)題等,需要根據(jù)具體的需求進行設(shè)置。