css 3カラムテーブル

Posted 2021-05-13

<table>
    <tr>
        <th>機械名</th>
        <th>仕様</th>
        <th>台数</th>
    </tr>
    <tr>
        <td rowspan="3">マシニングセンター</td>
        <td>FANUC　ロボドリル　3軸仕様</td>
        <td>1台</td>
    </tr>
</table>

table {
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    margin: 0 0 60px 0;
}

table th,
table td {
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 20px;
}

table th {
    color: #fff;
    font-weight: bold;
    background: #737373;
}