首页html+css做一份表格，表格背景为蓝色

html+css做一份表格，表格背景为蓝色

时间: 2024-09-20 11:07:48 浏览: 66

HTML和CSS结合可以很容易地创建出带有蓝色背景的表格。下面是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> table { background-color: #0000FF; /* 蓝色 */ border-collapse: collapse; /* 合并边框 */ width: 100%; /* 设置宽度为100% */ } th, td { border: 1px solid #ccc; /* 边框样式 */ padding: 8px; /* 内容填充 */ text-align: left; /* 文本对齐方式 */ } th { background-color: #4CAF50; /* 表头颜色 */ color: white; } </style> </head> <body> <table> <thead> <tr> <th>列标题1</th> <th>列标题2</th> </tr> </thead> <tbody> <tr> <td>行1数据1</td> <td>行1数据2</td> </tr>  </tbody> </table> </body> </html> ``` 在这个示例中，`<table>`标签用于创建表格，`<th>`定义表头单元格，`<td>`定义数据单元格。CSS部分设置了表格的背景色、边框以及内部样式。

阅读全文