1.gif	3.gif	7.gif	9.gif	tp.gif

테이블의 모서리에 해당하는 1, 3, 7, 9 번 셀(td)을 채울 곡선 이미지 4개와 2, 4, 6, 8 번 셀에 공통으로 들어가는 투명이미지 1개(투명 이미지를 따로 만드는 이유는 아무 것도 들어 있지 않은 빈 td를 채우기 위함입니다. <td></td>처럼 셀 안에 아무 것도 넣지 않을 경우, 일부 브라우저에서는 셀을 인식하지 못해 테이블이 깨지는 경우가 발생하거든요)입니다.

곡선 이미지는 임의로 붙인 각각의 셀 번호에 맞춰,
1번 셀에 들어갈 이미지는 1.gif로, 3번 셀에 들어갈 이미지는 3.gif로, 7번 셀에 들어갈 이미지는 7.gif로, 9번 셀에 들어갈 이미지는 9.gif로 이름지어 보도록 하죠.

※ 이미지 만드는 방법

• 곡선 이미지 4개는 그래픽 툴을 이용하여 원을 하나 만든 다음, 사등분하면 됩니다. 원의 사이즈가 클수록 모서리가 더 동그랗게 되겠죠. 예제에 사용된 곡선 이미지 4개는 왼쪽에 보이는 '가로 50픽셀*세로 50픽셀' 의 원을 4등분한 것입니다.
  
  
  
• 투명이미지는 '가로 1픽셀*세로 1픽셀' 의 크기로 만듭니다. '가로 1픽셀*세로 1픽셀' 의 투명이미지는 둥근 테이블을 만들 때 말고도 여러모로 유용하게 사용되어집니다. 위의 투명이미지는 여러분들이 알아보기 쉽게 일부러 테두리를 두르고 사이즈를 키운 겁니다. 실제로는 테두리 없는 '가로 1픽셀*세로 1픽셀'의 투명이미지입니다 (투명이미지 제작하지 못하시는 분들은 투명이미지 위에 오른쪽마우스버튼 클릭해서 '다른 이름으로 저장' 하세요;).

<table border="0" cellspacing="0" cellpadding="0" bgcolor="#DCE3CC">
  <tr>
    <td><img src="1.gif"></td>
    <td width="100%"><img src="tp.gif"></td>
    <td><img src="3.gif"></td>
 </tr>
  <tr>
    <td><img src="tp.gif"></td>
    <td>여기는 내용을 써 넣는 곳입니다.</td>
    <td><img src="tp.gif"></td>
 </tr>
  <tr>
    <td><img src="7.gif"></td>
    <td><img src="tp.gif"></td>
    <td><img src="9.gif"></td>
 </tr>
</table>