首页漂亮的html table模板

漂亮的html table模板

时间: 2023-10-13 18:18:43 浏览: 197

以下是一个简单的 HTML 表格模板，你可以修改其中的样式、内容和表格结构以适应你的需求： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML Table Template</title> <style> table { border-collapse: collapse; width: 100%; font-family: Arial, sans-serif; font-size: 14px; } th, td { text-align: left; padding: 8px; border: 1px solid #ddd; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } </style> </head> <body> <table> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> </thead> <tbody> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> <td>Row 1, Column 3</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> <td>Row 2, Column 3</td> </tr> <tr> <td>Row 3, Column 1</td> <td>Row 3, Column 2</td> <td>Row 3, Column 3</td> </tr> </tbody> </table> </body> </html> ``` 这个模板包含了基本的表格样式和结构，使用了边框合并 `border-collapse`、交替行颜色和表头样式。你可以根据需要进行修改和扩展。

阅读全文