테이블의 모든선 1px로 만들기
페이지 정보
작성자 서방님 댓글 0건 조회 139회 작성일 06-09-14 10:53본문
* 일반적으로 table border="1"을 주었을때...
| 셀 01 | 셀 02 | 셀 03 |
| 셀 04 | 셀 05 | 셀 06 |
<table border="1" width="300" cellspacing="0" bordercolor="#3399CC">
<tr align="center">
<td>셀 01</td>
<td>셀 02</td>
<td>셀 03</td>
</tr>
<tr align="center">
<td>셀 04</td>
<td>셀 05</td>
<td>셀 06</td>
</tr>
</table>
--------------------------------------------------------------------------------------------------------
* 스타일 시트를 사용한 경우
| 셀 01 | 셀 02 | 셀 03 |
| 셀 04 | 셀 05 | 셀 06 |
<table border="1" width="300" cellspacing="0" style="border-collapse: collapse" bordercolor="#3399CC">
<tr align="center">
<td>셀 01</td>
<td>셀 02</td>
<td>셀 03</td>
</tr>
<tr align="center">
<td>셀 04</td>
<td>셀 05</td>
<td>셀 06</td>
</tr>
</table>
--------------------------------------------------------------------------------------------------------
* table의 여러 속성들을 이용하는 경우
| 셀 01 | 셀 02 | 셀 03 |
| 셀 04 | 셀 05 | 셀 06 |
<table border="0" width="300" cellspacing="1" bgcolor="#3399CC">
<tr align="center" bgcolor="#ffffff">
<td>셀 01</td>
<td>셀 02</td>
<td>셀 03</td>
</tr>
<tr align="center" bgcolor="#ffffff">
<td>셀 04</td>
<td>셀 05</td>
<td>셀 06</td>
</tr>
</table>
--------------------------------------------------------------------------------------------------------
*스타일시트를 이용했을때와 table속성만을 가지고 이용했을때의 차이점[style="border-collapse: collapse" 를 이용한 경우]
 |
 |
* td안쪽의 공백을 제거하기 위해서는 td마다 style="padding:0px"를 추가해주셔야합니다.
* 이게 귀찮으시다 싶으시면 해당페이지에 <style>td{padding:0px;}</style>를 추가해주시면됩니다. 단, 이렇게 되면 페이지의 모든 테이블의 td의 padding이 0이된다는건 아시죠?
[table의 border=0 cellspacing="1" bgcolor=black 과 tr의 bgcolor속성을 이용한 경우]
|
|
댓글목록
등록된 댓글이 없습니다.
