<script> function top_round(w,c) { var top_html; top_html="<table cellpadding=0 cellspacing=0 border=0 width="+w+">"; top_html+="<tr height=1><td rowspan=4 width=1></td><td rowspan=3 width=1></td>"; top_html+="<td rowspan=2 width=1></td><td width=2></td><td bgcolor="+c+"></td>"; top_html+="<td width=2></td><td rowspan=2 width=1></td><td rowspan=3 width=1></td>"; top_html+="<td rowspan=4 width=1></td></tr><tr height=1><td bgcolor="+c+"></td>"; top_html+="<td bgcolor="+c+"></td><td bgcolor="+c+"></td></tr>"; top_html+="<tr height=1><td bgcolor="+c+"></td><td colspan=3 bgcolor="+c+"></td>"; top_html+="<td bgcolor="+c+"></td></tr><tr height=2><td bgcolor="+c+"></td>"; top_html+="<td colspan=5 bgcolor="+c+"></td><td bgcolor="+c+"></td></tr></table>"; document.write(top_html); } function bottom_round(w,c) { var bottom_html; bottom_html="<table cellpadding=0 cellspacing=0 border=0 width="+w+">"; bottom_html+="<tr height=2><td rowspan=4 width=1></td><td width=1 bgcolor="+c+"></td><td width=1 bgcolor="+c+"></td>"; bottom_html+="<td width=2 bgcolor="+c+"></td><td bgcolor="+c+"></td><td width=2 bgcolor="+c+"></td>"; bottom_html+="<td width=1 bgcolor="+c+"></td><td width=1 bgcolor="+c+"></td><td rowspan=4 width=1></td></tr>"; bottom_html+="<tr height=1><td rowspan=3></td><td bgcolor="+c+"></td><td colspan=3 bgcolor="+c+"></td>"; bottom_html+="<td bgcolor="+c+"></td><td rowspan=3></td> </tr><tr height=1><td rowspan=2></td>"; bottom_html+="<td bgcolor="+c+"></td><td bgcolor="+c+"></td><td bgcolor="+c+"></td><td rowspan=2></td></tr>"; bottom_html+="<tr height=1><td></td><td bgcolor="+c+"></td><td></td></tr></table>"; document.write(bottom_html); } </script> <!--- top_round("테이블넓이","테이블색상"); 테이블 넓이는 퍼센트로도 됩니다. ---> <script>top_round("100%","#EEE0EC");</script> <table border=0 width=100% bgcolor=#EEE0EC cellpadding=0 cellspacing=0> <tr><td style="padding:3 7 0 7;">내용</td></tr> </table> <script>bottom_round("100%","#EEE0EC");</script> |
반응형
'인터넷정보' 카테고리의 다른 글
테이블크기 늘리기,줄이기,초기값지정 (0) | 2007.10.18 |
---|---|
인풋 박스 숫자 입력시 툴팁으로 표시 (0) | 2007.10.18 |
인풋 박스 숫자 입력시 툴팁으로 표시 (0) | 2007.10.18 |
숫자만 입력되었는지 체크하기 (0) | 2007.10.18 |
숫자만 입력되었는지 체크하기 (0) | 2007.10.18 |
이미지 안쓰고 모서리 둥근 테이블 만들기 2 (0) | 2007.10.18 |
슬라이드 메뉴 (0) | 2007.10.18 |
슬라이드 메뉴 (0) | 2007.10.18 |
CSS 만으로 만든 롤오버 이미지 (0) | 2007.10.18 |
CSS 만으로 만든 롤오버 이미지 (0) | 2007.10.18 |