CSS

[CSS] 기본 테이블 테두리 한줄만 만들기 table border css

chsr 2021. 10. 28. 10:15
728x90
반응형

■ CSS 기본 테이블 테두리 한줄만 만들기 table border css


■ 기본 테이블 구조 (table)

기본 테이블 구조

<table>
    <thead>
        <tr>
            <th>구분</th>
            <th>수량</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>A조</th>
            <td>20</td>
        </tr>
        <tr>
            <th>B조</th>
            <td>35</td>
        </tr>
        <tr>
            <th>C조</th>
            <td>15</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>TOTAL</th>
            <td>70</td>
        </tr>
    </tfoot>
</table>

■ 테이블 테두리 한줄만 나오게 하기 (table border css)

테이블 테두리 CSS

<style>
    table, tr, th, td { border:1px solid #222; border-collapse:collapse; text-align:center; }
</style>
728x90
반응형