/* 设置表格单元格的默认样式 */ table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid black; padding: 8px; } /* 设置表头单元格的颜色和背景色 */ th { background-color: #4CAF50; color: white; } /* 设置偶数行单元格的背景色 */ tr:nth-child(even) { background-color: #f2f2f2; }
上述代码中,第一段代码设置了表格的默认样式,包括了单元格的边框线条样式、内边距等。
第二段代码设置表头(即第一行单元格)的颜色和背景色,使其在表格中更加醒目。
第三段代码设置了偶数行单元格的背景色,使表格行之间的差异更加明显。
以上就是简单的表格单元格样式设置代码示例,可以根据具体需求做出调整和修改。同时,大家也可以根据需要为每个单元格设置特定的样式,让表格更加生动、精美,提高网页质量。