• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>HTML Tables</title>
7
    <style>
8
        table, th, td { border: 1px solid black }
9
    </style>
10
​
11
</head>
12
​
13
<body>
14
​
15
    <h1>다양한 테이블 테두리</h1>
16
    <table style="width:100%">
17
        <tr style="background-color:lightgrey">
18
            <th>참치</th>
19
            <th>고래</th>
20
            <th>날치</th>
21
        </tr>
22
        <tr>
23
            <td>상어</td>
24
            <td>문어</td>
25
            <td>꽁치</td>
26
        </tr>
27
        <tr>
28
            <td>오징어</td>
29
            <td>고등어</td>
30
            <td>돌고래</td>
31
        </tr>
32
    </table>
33
​
34
</body>
35
​
36
</html>