テーブルの角を丸くする

HOME > Web豆知識 > テーブルの角を丸くする

■ サンプル
 
  まるくなっているでしょ??  
 
■ 四つ角に画像を配置

角を丸くするための画像を用意し、テーブルで画像を配置します。画像がない方はここから持ち帰っていただいてもかまいません。(画像は透過処理をしていますので、表示されていません)

 

 

まるくなっているでしょ??

 
 

画像1(左上)
画像2(右上)
画像3(左下)
画像4(右下)

■ ソース

ソースはこのようになります。

<table border="0" cellpadding="0" cellspacing="0"
bgcolor="#FFE6FF">
<tr>
<td><img src="左上の画像URL"></td>
<td> </td>
<td><img src="右上の画像URL"></td>
</tr>
<tr>
<td> </td>
<td>まるくなっているでしょ??</td>
<td> </td>
</tr>
<tr>
<td><img src="左下の画像URL"></td>
<td> </td>
<td><img src="右下の画像URL"></td>
</tr>
</table>

HOME