首页写一个html5的代码，展示内容为车牌号码、司机名称、工程名称、施工部位、标号、发车方量，黑色背景白色字体，重点是界面要美观、有质感

写一个html5的代码，展示内容为车牌号码、司机名称、工程名称、施工部位、标号、发车方量，黑色背景白色字体，重点是界面要美观、有质感

时间: 2023-06-20 22:03:31 浏览: 89

以下是一个简单的 html5 代码示例，展示了车牌号码、司机名称、工程名称、施工部位、标号、发车方量等内容。界面使用了黑色背景和白色字体，并使用了 CSS 样式来美化界面。 ```html <!DOCTYPE html> <html> <head> <title>车辆信息</title> <style> body { background-color: #000; color: #fff; font-family: "Segoe UI", sans-serif; font-size: 14px; } table { border-collapse: collapse; margin: 20px; } th, td { padding: 10px; border: 1px solid #fff; text-align: center; } th { background-color: #333; font-weight: bold; } tr:nth-child(even) { background-color: #444; } </style> </head> <body> <h1>车辆信息</h1> <table> <thead> <tr> <th>车牌号码</th> <th>司机名称</th> <th>工程名称</th> <th>施工部位</th> <th>标号</th> <th>发车方量</th> </tr> </thead> <tbody> <tr> <td>京A12345</td> <td>张三</td> <td>工程A</td> <td>区域1</td> <td>标号1</td> <td>10方</td> </tr> <tr> <td>京B67890</td> <td>李四</td> <td>工程B</td> <td>区域2</td> <td>标号2</td> <td>15方</td> </tr> <tr> <td>京C24680</td> <td>王五</td> <td>工程C</td> <td>区域3</td> <td>标号3</td> <td>20方</td> </tr> </tbody> </table> </body> </html> ``` 效果如下图所示： ![车辆信息界面](https://i.imgur.com/3I8Ux5M.png)

阅读全文