점선 테두리를 가지는 세번째 예입니다. 다음과 같이 화면에 출력하는 방법입니다.

점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요


테이블의 속성을 이용한 방법입니다. 위와 같은 테이블을 구성하기 위해서는 테두리를 만드는 이미지가 필요합니다. 우선 다음의 이미지를 세이브하시기 바랍니다.





















위의 그림의 실제크기는 첫번째 그림에서 일곱번째 그림은 7*7 픽셀이고 마지막 이미지는 1*1 의 투명이미지입니다. 저장할때 이름은 자기 마음대로 저장해도 상관없습니다. 다음의 예제를 구성할때 저장한 이름으로 지정하시면 됩니다. 편의상 순서대로 point01.gif, ......, point08.gif 마지막 그림을 blank.gif 라 칭하겠습니다.

HTML Example
<table cellspacing='0' cellpadding='0' border='0' width='100%'>

<tr>
<td><img src='./point01.gif' width='7' height='7' border='0'></td>
<td background='./point05.gif'><img src='./blank.gif' width='1' height='1' border='0'></td>
<td><img src='./point02.gif' width='7' height='7' border='0'></td>
</tr>

<tr>
<td background='./point07.gif'><img src='./blank.gif' width='1' height='1' border='0'></td>
<td>점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요점선으로 둘러싸인 테이블 입니다. 모서리 부분이 약간 둥그스름하니 직각보다는 보기가 좋군요
</td>
<td background='./point08.gif'><img src='./blank.gif' width='1' height='1' border='0'></td>
</tr>

<tr>
<td><img src='./point03.gif' width='7' height='7' border='0'></td>
<td background='./point06.gif'><img src='./blank.gif' width='1' height='1' border='0'></td>
<td><img src='./point04.gif' width='8' height='7' border='0'></td>
</tr>

</table>