• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Lists</title>
7
    <style>
8
        table, th, td { border: 2px solid orange; }
9
        table { border-collapse: collapse; }
10
    </style>
11
</head>
12
​
13
<body>
14
​
15
    <h1>border-collapse 속성을 이용한 테이블의 테두리 설정</h1>
16
​
17
    <table>
18
        <tr>
19
            <th>참치</th>
20
            <th>고래</th>
21
            <th>날치</th>
22
        </tr>
23
        <tr>
24
            <td>상어</td>
25
            <td>문어</td>
26
            <td>꽁치</td>
27
        </tr>
28
        <tr>
29
            <td>오징어</td>
30
            <td>고등어</td>
31
            <td>돌고래</td>
32
        </tr>
33
    </table>
34
​
35
</body>
36
​
37
</html>