色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html css表格模板

錢多多2年前13瀏覽0評論

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表格模板。通過修改表格元素和樣式屬性,您可以創建各種不同的表格,以滿足您的需求。