<table>태그를 이용하여 아래와 같은 점선 테이블을 만들어 보겠습니다.
<table width="300" cellpadding="0" cellspacing="0" border="0" align="center"> <tr height="12"> <td colspan="3"><img src="top.gif" border="0"></td> </tr> <tr> <td width="7"><img src="left.gif" border="0"></td> <td width="286" align="center">점선 테두리를 가진 테이블</td> <td width="7"><img src="right.gif" border="0"></td> </tr> <tr height="11"> <td colspan="3"><img src="bottom.gif" border="0"></td> </tr> </table> |
3개의 열과 3개의 행으로 구성된 테이블입니다.
테이블의 주위는 이미지를 사용하고, 테이블안의 내용은 텍스트를 사용하므로 언제든지 텍스트의 수정이 가능합니다.
이 테이블의 단점은 width가 300으로 고정되어 있다는 점입니다.