<style type="text/css">
<!--
.test1{border-collapse:collapse}
.test2{border-collapse:separate}
-->
</style>
아래는 border-collapse:collapse 를 적용하여 셀사이 여백이 없어서 테두리가 가늘게 나타납니다.
<table border="1" width="450" class="test1">
<tr>
<td >셀사이에 여백이 없어져서 테두리가 가늡니다.</td>
</tr>
</table>
<p>
아래는 border-collapse:separate 를 적용하여 셀사이 여백이 있어서 테두리가 두껍게 나타납니다.
<table border="1" width="450" class="test2">
<tr>
<td >셀사이에 여백이 있어서 테두리가 두껍습니다.</td>
</tr>
</table>
<p>
아래는 스타일을 사용하지 않은 예의 기본 테이블입니다.
<table border="1" width="450">
<tr>
<td >스타일을 적용하지 않은 기본 테이블입니다.</td>
</tr>
</table>