JSFiddle - React, Tailwind, and code Playground

by mogu10

HTML

<table>

  <colgroup span="1" style="background:#ffe6e6;border:solid 2px #ef534f">
  <colgroup span="2" style="background:#fdf5e0;border:solid 2px #fcd471">

  <tr>
    <th>名前</th>
    <th>部活</th>
    <th>趣味</th>
  </tr>
  
  <tr>
    <td>たけし</td>
    <td>帰宅</td>
    <td>カラオケ</td>
  </tr>
  
  <tr>
    <td>のび太</td>
    <td>帰宅</td>
    <td>睡眠</td>
  </tr>

</table>

CSS

.oya {
  position: relative;
  background-color: pink;
}

.underline {
  position: absolute;
top: 0;
              width: 100%;
              height: 8px;
              background-color: #FFF8E4;
}