テーブルの角を丸くする

HOME > HTMLの小技 > テーブルの角を丸くする


↓サンプル↓

 

 

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

 
 

画像を4種類用意します

←画像1
←画像2
←画像3
←画像4

テーブルを9マスにしてそれぞれの画像を角におきましょう。

↓このようになります↓

 

 

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

 
 

■ソース

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="左上の画像のURL"></td>
<td bgcolor="#FFFFFF"> </td>
<td align="center"><p align="right">
<img src="右上の画像のURL"></p>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF">コメント
</td>
<td align="center" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td align="center">
<img src="左下の画像のURL"></td>
<td bgcolor="#FFFFFF"> </td>
<td align="center">
<img src="右下の画像のURL">
</td>
</tr>
</table>

[HOME]