[테이블] 틀만들기 -

[테이블] 틀만들기 - ⑥ 칸과 칸 사이 여백 <cellspacing=숫자> 태그 ▒요약 칸과 칸 사이 여백 <cellspacing=숫자> 태그 테이블 안에 칸 내용들이 잘 정리되었으면 이제 칸과 칸 사이의 여백도 잘 정리해야겠죠? 잘 정리된 칸들 사이를 여백을 주어 조절하는 속성 태그로 <cellspacing=숫자> 태그를 사용합니다. <table> 태그에 끼워넣어 사용합니다. 숫자가 클수록 간격, 즉 여백이 커집니다. border=숫자 : 테이블의 바깥쪽! 테두리를 조절하는 태그이고 cellspacing=숫자 : 테이블 안쪽! 안쪽에 칸들 사이의 여백을 조절하는 태그죠. 여기에 'border=색깔' 태그와 'bgcolor=색깔' 태그를 적절히 함께 끼워넣으면 다양한 테이블 모양을 만들수 있습니다. 셈플소스를 보고 실습해보면 더 쉽게 이해 하실 수 있습니다. ■ 소스 ■ border=1 cellspacing=0 <html> <body> <table border=1 cellspacing=0> <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html> border=1 cellspacing=10 <table border=1 cellspacing=10> <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html> border=1 bordercolor=pink cellspacing=10 <table border=1 bordercolor=pink cellspacing=10> <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html> border=10 bordercolor=D6D6FF cellspacing=0 <table border=10 bordercolor=D6D6FF cellspacing=0 > <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html> border=1 bordercolor=D6D6FF cellspacing=10 <table border=1 bordercolor=D6D6FF cellspacing=10 > <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html> border=10 bordercolor=hotpink cellspacing=10 <table border=10 bordercolor=hotpink cellspacing=10 > <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html> border=10 bordercolor=hotpink cellspacing=10 bgcolor=pink <table border=10 bordercolor=hotpink cellspacing=10 bgcolor=pink> <tr><td>5천만</td><td>프로젝트</td></tr> <tr><td>컴으로</td><td>허자허자!</td></tr> </table> </body> </html>