如图，不采用div一个个格子画的话，有没有什么优雅的实现方式

有没有好的思路实现下图的表格？

发布于
2023-08-29 上海

✓ 已被采纳

html画一个:
举个例子

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>html中表格</title>
 </head>
 <body>
 <table border="1" width="800" align="center" cellpadding="10" cellspacing="0">
 <!--    标题-->
     <caption><h2>某小学一年级(三班)课程表</h2></caption>
 <!--    表头-->
     <thead>
     <tr bgcolor="#90ee90">
         <th>星期</th>
         <th>星期一</th>
         <th>星期二</th>
         <th>星期三</th>
         <th>星期四</th>
         <th>星期五</th>
     </tr>
     </thead>
     
 <!--    主体-->
     <tbody align="center">
     <tr>
         <td rowspan="3" bgcolor="#f5deb3">上午<br>8:00 - 11:30</td>
         <td>语文</td>
         <td>数学</td>
         <td>美术</td>
         <td>体育</td>
         <td>音乐</td>
     </tr>
     <tr>
 
         <td>语文</td>
         <td>数学</td>
         <td>美术</td>
         <td>体育</td>
         <td>音乐</td>
     </tr>
     <tr>

         <td>语文</td>
         <td>数学</td>
         <td>美术</td>
         <td>体育</td>
         <td>音乐</td>
     </tr>

     <tr>
         <td rowspan="2" bgcolor="#e0ffff">下午<br>13:30 - 15:30</td>
         <td>语文</td>
         <td>数学</td>
         <td>美术</td>
         <td>体育</td>
         <td>音乐</td>
     </tr>
     <tr>
 
         <td>语文</td>
         <td>数学</td>
         <td>美术</td>
         <td>体育</td>
         <td>音乐</td>
     </tr>
     </tbody>
 
     <tfoot align="center">
     <tr bgcolor="#d3d3d3">
         <td>备注:</td>
         <td colspan="5">周未家长应该多些时间陪同孩子学习</td>
     </tr>
     </tfoot>
 </table>
 </body>
 </html>