角が丸いテーブル(表・枠)を作る
角が丸い枠
|
変えるところ→黄色の部分
<table width="450" bgcolor="#e8e8df" cellpadding="0" cellspacing="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="t_up_left.gif" width="16" height="16" border="0"></td>
<td></td>
<td><img src="t_up_right.gif" width="16" height="16" border="0"></td>
</tr>
<tr>
<td></td>
<td>ここに文字とか文章。</td>
<td></td>
</tr>
<tr>
<td><img src="t_dn_left.gif" width="16" height="16" border="0"></td>
<td></td>
<td><img src="t_dn_right.gif" width="16" height="16" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
上の表は下記のように角に4つの白い画像を使っています。この4つの画像も忘れずにお持ち帰りください。<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="t_up_left.gif" width="16" height="16" border="0"></td>
<td></td>
<td><img src="t_up_right.gif" width="16" height="16" border="0"></td>
</tr>
<tr>
<td></td>
<td>ここに文字とか文章。</td>
<td></td>
</tr>
<tr>
<td><img src="t_dn_left.gif" width="16" height="16" border="0"></td>
<td></td>
<td><img src="t_dn_right.gif" width="16" height="16" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
|
上記のソース
テーブル枠線の種類 かわいい点線 CSSボーダースタイル CSSボーダー CSSテーブル
★skip ページtop