경계선 없는 테이블 레이아웃
테이블 레이아웃을 위해 가장 유용하게 사용할 수 있는 속성은 CELLPADDING과 CELLSPACING이다.
CELLPADDING속성이 셀 속의 내용과 그 경계선 사이의 거리를 조정하는 반면, CELLSPACING속성은 셀간의 거리를 조정한다.(픽셀단위)
아무런 정의가 없을 경우 기본값은 2픽셀이다.
CELLPADDING=10인 경우
<TABLE BORDER=5 CELLPADDING=10>
<TR>
<TD>금강산</TD>
<TD>설악산</TD>
<TD>한라산</TD>
</TR>
<TR>
<TD>서울</TD>
<TD>부산</TD>
<TD>대전</TD>
</TR>
</TABLE>
CELLSPACING=10인 경우
<TABLE BORDER=5 CELLSPACING=10>
<TR>
<TD>금강산</TD>
<TD>설악산</TD>
<TD>한라산</TD>
</TR>
<TR>
<TD>서울</TD>
<TD>부산</TD>
<TD>대전</TD>
</TR>
</TABLE>
만약 테이블의 모든 셀들의 컨텐츠들이 완전히 맞닿아 있는 것처럼 보이게끔 완벽하게 경계선을 없애고 싶다면 단순히 BORDER,CELLSPACING,CELLPADDING 속성을 전부 0으로 주면 된다.아래의 코드는 4개의 이미지가 하나처럼 보이도록 만들어 놓은 것이다.
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD><IMG SRC="now1.gif"></TD>
<TD><IMG SRC="now2.gif"></TD>
</TR>
<TD><IMG SRC="now3.gif"></TD>
<TD><IMG SRC="now4.gif"></TD>
</TR>
</TABLE>
 |
 |
 |
|
 |
|
 |
|
 |
|
|
Copyright Centis. All rights reserved.