首页横线竖线，表格的背景色为白色

横线竖线，表格的背景色为白色

时间: 2024-10-18 20:18:01 浏览: 17

在HTML中，如果你想创建一个横线竖线、背景颜色为白色的简单表格，你可以这样设置： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> table { border-collapse: separate; /* 分开边框以显示竖线 */ border-spacing: 1px; /* 设置单元格间距 */ width: 100%; /* 表格占满容器宽度 */ background-color: white; /* 表格背景色为白色 */ } /* 定义单元格的样式 */ th, td { border: 1px solid black; /* 单元格边框为黑色 */ padding: 5px; /* 内容周围留有空白 */ } /* 表头样式 */ th { background-color: lightgray; /* 表头背景色为浅灰色 */ } </style> </head> <body> <table> <thead> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> </thead> <tbody>  <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr>  </tbody> </table> </body> </html> ``` 这个代码将生成一个带有横线和竖线的白色背景表格，并且第一行（表头）会有浅灰色背景区别于普通单元格。

阅读全文