在HTML中,表格(Table)是一種非常常用的頁面布局方式,而CSS中的表格單元格(td)則是表格中最基本的組成部分之一。
table {
border-collapse: collapse; // 合并單元格邊框
}
td {
padding: 10px; // 單元格內(nèi)邊距
border: 1px solid #ccc; // 單元格邊框
text-align: center; // 單元格文字居中
}
使用CSS表格單元格(td)可以實現(xiàn)表格的單元格邊框、單元格內(nèi)邊距、單元格寬度、單元格背景色等樣式屬性的設(shè)置。而以下代碼可以通過CSS實現(xiàn)表格單元格的居中對齊以及單元格邊框的合并。
< table>< tr>< td>單元格1< /td>< td>單元格2< /td>< /tr>< tr>< td colspan="2">跨列單元格< /td>< /tr>< /table>
colspan屬性用于合并表格單元格的列數(shù),而rowspan屬性則可以合并表格單元格的行數(shù)。通過使用這些屬性,用戶可以針對不同的表格單元格進行樣式設(shè)計,從而創(chuàng)造出更加多變而美觀的頁面布局效果。