이미지 없이 예쁜 테이블테두리 만들기

<table width='650' border=1 bordercolor='#ffffff' cellspacing=0 cellpadding=0 style='background:; border-width:1; border-style:solid; border:2 dotted blue; border-color:#FFCC99;'> <tr><td> <table width='100%' border=1 bordercolor='#ffffff' bordercolordark='#ffffff' cellspacing=0 cellpadding=0 style='background:; border-width:1; border-style:solid; border:3 dotted blue; border-color:#FFCC99;'> <tr><td> <table width='100%' border=1 bordercolor='#ffffff' bordercolordark='#ffffff' cellspacing=0 cellpadding=20 rules='none' style='background:; border-width:1; border-style:solid; border:4 dotted blue; border-color:#FFCC99;'> <tr><td bgcolor='#FF9900' width="100%"> <img src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.mist.pe.kr%2Fcafe%2Fhtmltip%2Fimg%2Fsky_1.gif"> </td></tr></table> </td></tr></table> </td></tr></table><p> 위 그림의 소소는 아래와 같습니다. 잘 분석해서 하시면 더 멋진 테이블 테두리도 나옵니다.<p> <b>첫번째 테이블</b> <table width='650' border=1 bordercolor='#ffffff' cellspacing=0 cellpadding=0 style='background:; border-width:1; border-style:solid; border:2 dotted blue; border-color:#FFCC99;'><br> <tr> <td><br> <b>두번째 테이블</b> <table width='100%' border=1 bordercolor='#ffffff' bordercolordark='#ffffff' cellspacing=0 cellpadding=0 style='background:; border-width:1; border-style:solid; border:3 dotted blue; border-color:#FFCC99;'> <tr> <td><br> <b>세번째 테이블</b> <table width='100%' border=1 bordercolor='#ffffff' bordercolordark='#ffffff' cellspacing=0 cellpadding=20 rules='none' style='background:; border-width:1; border-style:solid; border:4 dotted blue; border-color:#FFCC99;'> <tr> <td bgcolor='#FF9900' width="100%"><br> <img src="sky_1.gif"><br> </td> </tr> </table><br> </td> </tr> </table><br> </td> </tr> </table><br><br> 첫번째 테이블<p> border=1 <br> bordercolor='#ffffff' <br> cellspacing=0 <br> cellpadding=0 <br> style='background:; border-width:1; border-style:solid; border:2 dotted blue; border-color:#FFCC99;'<br><br> 두번째 테이블<p> border=1<br> bordercolor='#ffffff'<br> bordercolordark='#ffffff' <br> cellspacing=0 <br> cellpadding=0 <br> style='background:; border-width:1; border-style:solid; border:3 dotted blue; border-color:#FFCC99;'<br><br> 세번째 테이블<p> border=1<br> bordercolor='#ffffff' <br> bordercolordark='#ffffff' <br> cellspacing=0 <br> cellpadding=20<br> rules='none' <br> style='background:; border-width:1; border-style:solid; border:4 dotted blue; border-color:#FFCC99;'<br><br> 테이블안에 값들을 변경해가면서 만들어 보세요..