表格是我们经常在网页中使用的一种结构,而在网页中,我们可以通过CSS代码来对表格的颜色进行调整。
table { border-collapse: collapse; /* 合并边框 */ width: 100%; /* 表格宽度 */ margin: auto; /* 表格居中 */ } tr { background-color: #f2f2f2; /* 表格行颜色 */ } th, td { text-align: left; /* 横向对齐方式 */ padding: 8px; /* 单元格内边距 */ border-bottom: 1px solid #ddd; /* 底部边框 */ } th { background-color: #4CAF50; /* 表头颜色 */ color: white; /* 表头文字颜色 */ }
通过以上CSS代码,我们可以实现以下表格效果:
姓名 | 年龄 | 性别 |
---|---|---|
张三 | 20 | 男 |
李四 | 25 | 女 |
王五 | 30 | 男 |
以上表格中,我们可以看到,通过针对不同的元素(如表头、表格行、表格单元格等)设置不同的CSS样式,我们可以灵活地控制表格的显示效果。