首页使用CSS和HTML制作一个课程表，并且要用table关键字进行页面布局，还要用到tr和td，制作一个简易表格即可，写出可运行代码，整合在一起的代码

使用CSS和HTML制作一个课程表，并且要用table关键字进行页面布局，还要用到tr和td，制作一个简易表格即可，写出可运行代码，整合在一起的代码

时间: 2024-10-07 12:07:01 浏览: 93

当然可以。首先，我们需要创建一个基本的HTML结构，并使用CSS来美化和样式化这个课程表。这里是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; } th, td { padding: 15px; text-align: left; border-bottom: 1px solid #ddd; } th { background-color: #f2f2f2; font-weight: bold; } tr:hover { background-color: #f5f5f5; } </style> </head> <body> <h2>课程表</h2> <table> <thead> <tr> <th>星期</th> <th>时间</th> <th>课程名称</th> </tr> </thead> <tbody> <tr> <td>一</td> <td>9:00 - 10:30</td> <td>数学课</td> </tr> <tr> <td>一</td> <td>14:00 - 15:30</td> <td>英语课</td> </tr>   </tbody> </table> </body> </html> ``` 在这个例子中，我们使用了`<table>`标签作为页面布局的基础，`<tr>`代表表格行，而`<td>`则用于定义单元格。`<th>`用于定义表头单元格。CSS部分设置了表格的基本样式，如边框、颜色和内边距等。要添加更多课程，只需要复制`<tr>`元素并在适当位置插入新的行即可。

阅读全文