JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

<body>
<div style="overflow-x: auto;">
<table style="min-width:700px">
<caption>113年10月國道易壅塞路段彙整表(南/東向)</caption>
<colgroup>
    <col span="1" style="background-color: pink">
</colgroup>
<tr>
  <th rowspan="2">國道</th>
  <th colspan="2">平日</th>
  <th colspan="2">週六</th>
  <th colspan="2">週日</th>
</tr>
<tr>
  <th>路段</th>
  <th>時段</th>
  <th>路段</th>
  <th>時段</th>
  <th>路段</th>
  <th>時段</th>
</tr>

<tr>
  <td rowspan="10">國1南向</td>
  <td>大華系統- 東湖</td>
  <td>07:30-09:00</td>
  <td>東湖-台北*</td>
  <td>16:30-19:00*</td>
  <td>大華系統- 汐止系統</td>
  <td>16:00-18:00</td>
</tr>
<tr>
  <td>東湖-內湖*</td>
  <td>07:30-10:00 17:30-19:00</td>
  <td>楊梅-新竹</td>
  <td>09:30-12:30</td>
  <td>圓山-台北*</td>
  <td>16:30-19:00</td>
</tr>
<tr>
  <td>內湖-台北*</td>
  <td>17:00-19:30</td>
  <td>頭份-苗栗</td>
  <td>10:00-12:00</td>
  <td>后里-豐原</td>
  <td>15:00-19:00</td>
</tr>
<tr>
  <td>五股*</td>
  <td>17:00-19:30</td>
  <td>三義-大雅</td>
  <td>15:00-18:00</td>
  <td></td>
</tr>
<tr>
  <td>中壢服務區- 內壢</td>
  <td>07:30-11:00 17:30-19:00</td>
  <td>王田-員林</td>
  <td>09:00-13:00</td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td>竹北-新竹*</td>
  <td>07:00-08:30</td>
  <td>高科-岡山</td>
  <td>17:30-18:00</td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td>頭份*</td>
  <td>17:00-18:30</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td>台中*</td>
  <td>18:00-19:00</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td>彰化*</td>
  <td>17:00-18:30</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td>高科-岡山</td>
  <td>17:30-18:00</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td rowspan="2">國1 高架 南向</td>
  <td>汐止端-環北</td>
  <td>16:30-19:00</td>
  <td>汐止端-堤頂</td>
  <td>16:30-18:30</td>
  <td>汐止端-環北</td>
  <td>16:30-19:00</td>
</tr>
<tr>
<td>五股*</td>
<td>07:30-08:30 17:00-20:30 </td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
  <td rowspan="3">國2 東向</td>
  <td>大園- 機場系統</td>
  <td>17:00-19:00</td>
  <td></td>
  <td></td>
  <td></td>
 ...

CSS

th ,td{
  border: 1px solid black;
}
table{
  font-family: 'DFKai-sb';
  border: 2px solid black;
  border-collapse:collapse;
  border-spacing: 0;
}
caption{
  font-size:20px;
  margin-bottom:5px;
}
th{
  padding:8px;
}
td{
  text-align: center;
  padding:3px;
}
tr:nth-of-type(13) {
  border-top: 2px solid black;
}
th:nth-child(2),tr:nth-of-type(2) th:nth-child(1){
  background-color:yellowgreen;
}
th:nth-of-type(3),th:nth-of-type(4),th:nth-of-type(5),th:nth-of-type(6){
  background-color:lightblue;
}