1픽셀 테이블은 선의 굵기가 1px인 것을 말한다.
 
테이블의 테두리 속성인 Border를 조절해보신 분은 알겠지만 border를 0으로 주면 테두리가 생기지 않고, 1을 주면 쌩뚱맞게 굵어져버린다. 하지만 내가 원하는 것은 늘씬하고 깔끔한 1px의 테두리를 원하는 것이다. 테이블을 잘 안 만져본 분을 위한 직접 테이블을 준비했다.
 
 
(1) 내가 하기 싫은 테이블

최악의 border='1'
 
(2) 내가 하고 싶은 테이블

내가 원하는 1px
 
 
 
1px 테이블을 만드는 방법은 간단하다. 테이블의 속성중 다음과 같은 것이 있다.
cellspacing
cellpadding
 
cellspacing은 셀과 셀간의 간격을 나타내는 속성이다.
cellpadding은 셀안의 여백의 크기를 나타내는 속성이다.
 
이 중 어느것을 사용하느냐, 바로 cellspacing이다!
 
cellspacing을 1로 주면 셀과 셀 사이에 1px만큼의 간격이 생긴다. 이것은 테이블 내의 셀이 하나이더라도 생기게 된다.
 
 
 
무언가 감이 오는가? 그렇다.
 
TD에 배경색을 줄수 있고, TR에도 배경색을 줄수 있다. 당연히 TABLE에도 배경색을 줄 수 있다. 즉 TABLE에 배경색을 Black으로 하고, TR에 배경 색을 White로 준다면 해당 행은 모두 1px 검은 라인이 생기는 것이다. 셀 사이의 간격은 셀이 아니니까 TR의 배경색이 적용되지 않는 것!!
 
 
아래는 위의 말을 적용한 한 예 이다.)
 
<table cellspacing='1' border='0' bgcolor='black'>
<tr bgcolor='white'>
<td>
  안녕하세요. GJMagic입니다.
</td>
</tr>
</table>
 
실행결과

안녕하세요. GJMagic입니다.
 
 
반드시 TABLE과 TR에 배경색을 주어여만 하는 것은 아니다. 얼마든지 응용하여 TR과 TD에 개별적으로 줄 수도 있을 것이다.
 
이제 1px테이블을 통해 보다 깔끔한 테이블을 만들도록 하자.
이 게시물을..