|
웹디자인 공부방
HTML,PHP 공부방
팁 & 테크 게시판
|
| 번호 : 8 |
테이블의 테두리 정리하기 |
작성자 : 스카이넷  |
작성일 : 2005-03-27 07:35:57 |
|
테이블의 테두리 지정하기
<body>
<!--border 테이블테두리, cellspacing 셀구분 선의 굵기,
cellpadding 글자주변 여백-->
<table border="10" width="230" cellspacing="5" cellpadding="3">
<tr>
<td>1행 1열</td>
<td>1행 2열</td>
</tr>
<tr>
<td align="right">2행 1열</td>
<td align="right">2행 2열</td>
</tr>
<tr>
<td align="center">3행 1열</td>
<td align="center">3행 2열</td>
</tr>
</table>
</body>
@ 셀 합치기
<body>
<table border="1" width="230">
<tr>
<td colspan="2">1행 1열<p>1행 2열</td> <!--행을 합침-->
</tr>
<tr>
<td align="right" rowspan="2">2행 1열<p>3행 1열</td> <!--열을 합침-->
<td>2행 2열</td>
</tr>
<tr>
<td>3행 2열</td>
</tr>
</table>
</body>
@ 테이블색과 셀컬러 지정하기
<body>
<table border="0" width="230" bgcolor="#FFFFFF"
cellspacing="3" bordercolor="#FFFFFF">
<tr>
<td bgcolor="#C0C0C0">1행 1열</td>
<td bgcolor="#C8DDCB">1행 2열</td>
</tr>
<tr>
<td align="right" bgcolor="#CFE9A9">2행 1열</td>
<td align="right" bgcolor="#DCDDAA">2행 2열</td>
</tr>
<tr>
<td align="center" bgcolor="#D0FFFF">3행 1열</td>
<td align="center" bgcolor="#B4DADA">3행 2열</td>
</tr>
</table>
</body>
|
|
|
 |
|
|
|
 |
|
