設(shè)計(jì)一個(gè)這樣的表格
需要用到的元素:
<table>標(biāo)簽定義表格。
<tr> 標(biāo)簽定義表格的行。
?<td> 標(biāo)簽定義每行被分割為若干單元格,單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等
<caption>標(biāo)簽定義表格標(biāo)題。caption 標(biāo)簽必須緊隨 table 標(biāo)簽之后,只能對(duì)每個(gè)表格定義一個(gè)標(biāo)題,默認(rèn)這個(gè)標(biāo)題會(huì)居中于表格之上。
可以在<td>標(biāo)簽放<table>標(biāo)簽
圖中表格的第五欄有兩行,其中兩個(gè)數(shù)據(jù)的三個(gè)格合并了2個(gè)單元格,用rowspan="2"表示
表格樣式
caption-side:bottom,把默認(rèn)會(huì)居中于表格之上的標(biāo)題放在表格之下。
border-collapse:collpase,把兩個(gè)單元格的距離設(shè)為零。還可以通過border-spacing設(shè)置,比如border-spacing:10px 30 px;這兩個(gè)方法都是對(duì)整個(gè)表格的單元格間的距離進(jìn)行設(shè)置,不能對(duì)單個(gè)單元格進(jìn)行設(shè)置