html+css基础问题
向大家请教一下，以下图片的表格样式代码如何用html+css写出来，新手求教，谢谢大家了
Lukkk浏览 1305回答 2
2回答
-
幕布斯6393831
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> table{ border-collapse: collapse; /*border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。*/ width: 800px; margin: auto; border:1px solid #ccc; } thead{ background-color: #333; color: #fff; text-align: left; } tr:last-child{ background: #666; color: #fff; } </style></head><body><table border="1"> <thead> <tr> <th>表头</th> <th>表头</th> <th>表头</th> <th>表头</th> </tr> </thead> <tbody> <tr> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> </tr> <tr> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> </tr> <tr> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> </tr> <tr> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> <td>表内容格</td> </tr> <tr> <td colspan="2">合计</td> <td colspan="2">999</td> </tr> </tbody></table></body></html>
随时随地看视频慕课网APP
Html/CSS