OKANOWEB WEB PARTS SAMPLE

表枠線の小細工

普通の表

左上のセル 右上のセル
左下のセル 右下のセル

表の上下に指定

<table border="0" width="51%" style="border-top: 5 ridge #008000;border-bottom: 5 ridge #008000" cellspacing="0">

左上のセル 右上のセル
左下のセル 右下のセル

中央の縦線だけに指定

左上のセル 右上のセル
左下のセル 右下のセル

<table border="0" width="51%" cellspacing="0"><tr>
<td width=
"50%">左上のセル</td>
<td width=
"50%"style="border-left: 5 ridge #008000">右上のセル</td>
</tr>
<tr>
<td width=
"50%">左下のセル</td>
<td width=
"50%"style="border-left: 5 ridge #008000">右下のセル</td>
</tr>
</table>

中央の横線だけを指定

左上のセル 右上のセル
左下のセル 右下のセル

<table border="0" width="51%" cellspacing="0">
<tr>
<td width=
"50%"style="border-bottom: 5 ridge #008000">左上のセル</td>
<td width=
"50%"style="border-bottom: 5 ridge #008000">右上のセル</td>
</tr>
<tr>
<td width=
"50%">左下のセル</td>
<td width=
"50%">右下のセル</td>
</tr>
</table>

十文字に指定

左上のセル 右上のセル
左下のセル 右下のセル

<table border="0" width="51%" cellspacing="0">
<tr>
<td width=
"50%"style="border-bottom: 5 ridge #008000">左上のセル</td>
<td width=
"50%"style="border-left: 5 ridge #008000; border-bottom: 5 ridge #008000">右上のセル</td>
</tr>
<tr>
<td width=
"50%">左下のセル</td>
<td width=
"50%" style="border-left: 5 ridge #008000">右下のセル</td>
</tr>
</table>