带行距的标题

Question

这里有没有人知道如何制作这样的表头(参考下图)？

我试过了:

<thead>
                    <tr>
                        <th>No.</th>
                        <th>Creation Date</th>
                        <th>Week Day</th> 
                        <th>Log Type</th>
                        <th colspan="5" rowspan="1" style="text-align: center">Time</th>
                        <th>action</th>
                    </tr>
                    <tr>
                      <th>IN/START</th>
                      <th>OUT/STOP</th>
                    </tr>
                </thead>

但遗憾的是,没有运气,表头错过了,任何帮助,建议,线索,建议,建议,想法？

Answer 1

这应该是colspan="2"在一列和rowspan="2"其他列上.用这个:

table, th {border: 1px solid #ccc; border-collapse: collapse; font-weight: normal; font-family: 'Segoe UI'; margin: 0; padding: 0;}
table {width: 100%;}
th {padding: 5px;}

<table>
  <thead>
    <tr>
      <th rowspan="2">No.</th>
      <th rowspan="2">Creation Date</th>
      <th rowspan="2">Week Day</th> 
      <th rowspan="2">Log Type</th>
      <th colspan="2" style="text-align: center">Time</th>
      <th rowspan="2">action</th>
    </tr>
    <tr>
      <th>IN/START</th>
      <th>OUT/STOP</th>
    </tr>
  </thead>
</table>