JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th>순서</th>
        <th>과목명</th>
        <th>토픽수</th>
    </tr>
    <tr>
        <td>1</td>
        <td>웹서비스 만들기</td>
        <td>12</td>
    </tr>
    <tr>
        <td>2</td>
        <td>HTML 수업</td>
        <td>13</td>
    </tr>
    <tr>
        <td>3</td>
        <td>HTML 수업</td>
        <td>9</td>
    </tr>
    <tr>
        <td>4</td>
        <td>CSS 수업</td>
        <td>15</td>
    </tr>
</table>

CSS

table{
    border:1px solid gray;
    border-collapse: collapse;
}
th{
    background-color: #d0d0d0;
    font-weight:bold;
}
th,td{
    border:1px solid gray;
    padding:5px;
}