| 테이블의 테두리선을 가늘게 |
|
테이블의 border 값을 가장 작은 1px 로 조절해도 선은 여전히 두껍게 보입니다.
<table>태그에 bordercolorlight 와 bordercolordark 옵션을 줘서 가늘게 표현할 수 있지만, 이 방법은 테이블에 배경색이 들어가는 경우는 깔끔하지가 않을 뿐더러, Netscape에서는 효과가 없습니다. 그럴 때 이 방법을 사용해 보세요. |
|
|
[예제1]
|
[예제2]
|
|
|
[소스1]
<table border="0" cellspacing="1" cellpadding="0" bgcolor="#000000">
<tr><td bgcolor="#FFFFFF">1</td><td bgcolor="#FFFFFF">2</td></tr>
<tr><td bgcolor="#FFFFFF">3</td><td bgcolor="#FFFFFF">4</td></tr>
</table> |
|
|
[소스2]
<table border="0" cellspacing="1" cellpadding="0" bgcolor="#9900FF">
<tr><td bgcolor="#FFDFFF">1</td><td bgcolor="#FFDFFF">2</td></tr>
<tr><td bgcolor="#FFDFFF">3</td><td bgcolor="#FFDFFF">4</td></tr>
</table> |
|
|
[설명]
무조건 테이블의 border는 "0" 으로, cellspacing은 "1" 로 지정합니다.
바로 이 cellspacing 부분이 가는 선이 되거든요. 그리고 선색으로 검정색을 원한다면 테이블 전체 배경색을 검정색으로 해주세요. 그런다음 각 셀마다 흰색등 원하는 배경색을 넣어주면 완성입니다. |
