表格是我们经常在网页中使用的一种结构,而在网页中,我们可以通过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样式,我们可以灵活地控制表格的显示效果。