淘先锋技术网

首页 1 2 3 4 5 6 7

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