HTML和CSS表格是用于展示數據和信息的有效工具。表格可以輕松地排列數據并使其易于閱讀和理解。 HTML表格是通過定義表格元素(HTML標簽)來創建的,而CSS則用于增強表格的樣式和布局。
<table><tr><th>姓名</th><th>年齡</th><th>性別</th></tr><tr><td>李明</td><td>20</td><td>男</td></tr><tr><td>張三</td><td>25</td><td>男</td></tr><tr><td>王芳</td><td>22</td><td>女</td></tr></table>
表格元素由<table>標簽定義,每行由<tr>標簽定義,每個單元格是通過<td>(表格數據) 或 <th>(表格標題)標簽定義。<th>標簽用于表格標題,通常放在表格中的第一行。
使用CSS可以更改表格的外觀和布局。您可以使用CSS修改表格的顏色、大小、字體、邊框和填充等屬性。
table { font-family: Arial, sans-serif; border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #4CAF50; color: white; } tr:nth-child(even) { background-color: #f2f2f2; }
上述CSS代碼中的“table”選擇器選擇所有表格,并對其應用了一些屬性,如字體、邊框和寬度。而“th”和“td”選擇器定義表格標題和表格數據的樣式屬性,例如文本對齊方式和填充值。最后,“tr:nth-child(even)”選擇器定義每個偶數行的背景顏色。
這是一個基本的HTML和CSS表格模板。通過修改表格元素和樣式屬性,您可以創建各種不同的表格,以滿足您的需求。
上一篇mysql索引用得多嗎
下一篇MySQl索引的更新過程