CSS를 이용한 테이블 라인 표현하기

스타일시트를 이용한 1픽셀짜리 테이블 라인 표현하기입니다.

CSS2에 추가된 테이블 관련 속성입니다. IE 5.0부터 지원합니다.

border-collapse: collapse;
border-collapse는 테이블 요소의 테두리들의 관계를 나타냅니다.
속성값으로는 collapse와 seperate가 있습니다.
디폴트값은 seperate로 단어뜻 그대로 테두리를 분리시킵니다.

테이블에 border="1"을 주면 각 셀들이 1픽셀이 아닌 2픽셀로 보였었습니다.
그건 각각의 셀들은 1픽셀의 보더를 나타내지만 셀들의 만나는 부분이 겹치기 때문에
2픽셀로 보이는 겁니다.

그걸 해결하는 방법으로 보더칼라 다크/보더칼라 라이트를 쓰던가, cellspacing을 주어서
만들고는 했었죠.

그러나 collapse는 그 경계를 단어 뜻대로 무너뜨립니다. 사용하기도 편리합니다.

<TABLE border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;" bordercolor="red">

출처 : Tong - 드렁크수달스님의 ■ CSS ■통