마이다스동아일보[클럽마이다스:웹디자인스쿨

7단계 : 괘선의 굵기와 여백 조정

<table> 택에 옵션을 추가하여 괘선의 굵기나 표 안의 텍스트
사이의 간격을 조정할 수 있습니다.
border 옵션은 괘선의 굵기를 지정합니다.
기본값은 1이고 0으로 설정하면 옵션을 설정하지 않았을 때와 같습니다.
cellspacing은 테이블 괘선의 전체 굵기를 지정합니다.
기본값은 2 입니다.
cellpadding은 괘선과 괘선안의 텍스트 사이의 간격을 조정합니다.
기본값은 1 입니다.

Source

<html>
<body>
<table border=5>
<caption>Border 5</caption>
<tr><th></th><th>갑</th><th>을</th></tr>
<tr><th>나이</th><td>22</td><td>28</td></tr>
<tr><th>허리둘레</th><td>30</td><td>32</td></tr>
</table>
</body>
</html>

<html>
<body>
<table border cellspacing=5>
<caption>Cellspacing 5</caption>
<tr><th></th><th>갑</th><th>을</th></tr>
<tr><th>나이</th><td>22</td><td>28</td></tr>
<tr><th>허리둘레</th><td>30</td><td>32</td></tr>
</table>
</body>
</html>

<html>
<body>
<table border cellpadding=5>
<caption>cellpadding 5</caption>
<tr><th></th><th>갑</th><th>을</th></tr>
<tr><th>나이</th><td>22</td><td>28</td></tr>
<tr><th>허리둘레</th><td>30</td><td>32</td></tr>
</table>
</body>
</html>

Browser

Border 5
갑 을

나이 22 28

허리둘레 30 32

Cellspacing 5
갑 을

나이 22 28

허리둘레 30 32

cellpadding 5
갑 을

나이 22 28

허리둘레 30 32