HTMLタグでテーブル枠を曲線で記述したい

質問

添付画像は「オークションプレートメーカー２」のテンプレートで、少しアレンジしようと思っています。

最上部の角が丸くなっていますが、下記のどの部分にあたるのでしょうか?
すみませんが教えてください。

<br><center>
<table cellspacing=0 border=0 cellpadding=0 width=550>
<tr>
<td width=1></td>
<td width=1></td>
<td width=1></td>
<td width=2></td>
<td width=2></td>
<td width=536></td>
<td width=2></td>
<td width=2></td>
<td width=1></td>
<td width=1></td>
<td width=1></td>
</tr>
<tr>
<td height=1 colspan=4></td>
<td height=1 bgcolor=#FF6666></td>
<td rowspan=5 bgcolor=#FF6666 align=center>
<font color=#FFFFFF size=5><b>

</b></font>
</td>
<td height=1 bgcolor=#FF6666></td>
<td height=1 colspan=4></td>
</tr>
<tr>
<td height=1 colspan=3></td>
<td height=1 colspan=2 bgcolor=#FF6666></td>
<td height=1 colspan=2 bgcolor=#FF6666></td>
<td height=1 colspan=3></td>
</tr>
<tr>
<td height=1 colspan=2></td>
<td height=1 colspan=3 bgcolor=#FF6666></td>
<td height=1 colspan=3 bgcolor=#FF6666></td>
<td height=1 colspan=2></td>
</tr>
<tr>
<td height=2></td>
<td height=1 colspan=4 bgcolor=#FF6666></td>
<td height=1 colspan=4 bgcolor=#FF6666></td>
<td height=2></td>
</tr>
<tr>
<td colspan=5 bgcolor=#FF6666><br><br></td>
<td colspan=5 bgcolor=#FF6666><br><br></td>
</tr>
<tr>
<td colspan=5 bgcolor=#FF6666></td>
<td>
<table width=100% cellspacing=5 border=0 cellpadding=10 bgcolor=#FFCC66>
<tr>
<td align=left bgcolor=#FFF0F0>
<font color=#993333 size=3>

</font>
</td>
</tr>
</table>
</td>
<td colspan=5 bgcolor=#FF6666></td>
</tr>
<tr>
<td height=7 colspan=11 bgcolor=#FF6666></td>
</tr>
<tr>
<td height=2 colspan=11></td>
</tr>
<tr>
<td height=2 colspan=11 bgcolor=#FF6666></td>
</tr>
</table>
<br>
<font color="#999999" size=1>+ + +　この商品説明は</font> <a href="http://www.auclinks.com/" target="_blank"><font color="#666666" size=1>オークションプレートメーカー２</font></a> <font color="#999999" size=1>で作成しました 　+ + +</font><font color="#FFFFFF" size=1><br>No.113.002.002</font><br>
</center>

回答No.3

ORUKA1951 · ベストアンサー

Yahoo!のオークションなどでは、スタイルシートが使えないためHTML,TABLEを利用して無理やりデザインを構成しています。あくまで、正規なHTMLやスタイルシートが使えないための裏技だということを理解してください。
□□□□□□□□□■■■■■■■
□□□□□■■■■■■■■■■■
□□□■■■■■■■■■■■■■
□□■■■■■■■■■■■■■■
□□■■■■■■■■■■■■■■
□■■■■■■■■■■■■■■■
□■■■■■■■■■■■■■■■
□■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■
　と狭い幅の着色したセルを並べています。

　あくまで、オークションサイトなど制限された場所でのみ有効な方法で、一般的なサイトでは禁手です。

お礼

>ヤフオクではスタイルシートが使えない
HTMLとCSSの違いが分からなかったのですが、調べてある程度理解できました^^;

記号を使った分かりやすい説明、ありがとうございました(*^_^*)

回答No.2

noname#198951

その部分は画像ファイルを使用してるのだと思いますが。

お礼

ありがとうございました。

お時間がありましたら、補足の方お願いします。

補足

Mechirunさんだけ画像ファイルの回答だったので補足させていただきます。

その部分というのは、丸くなっている部分だけ画像ファイルを使っているということですか?
タグ内のどこに画像ファイルを入れているのかいまいち分かりません。

回答No.1

pentium100

画面では丸くなっているように見えますが、
1ピクセルの幅の非常に細かいテーブルを使って、
擬似的に表現しているだけです。

Excelでセル幅や行の高さを極端に小さく設定して
ドット絵を描いたりするのと同じ原理です。

<td width=1></td>
<td width=1></td>
<td width=1></td>
<td width=2></td>
<td width=2></td>
のあたりで、幅を極端に狭く設定しています。

同様に
height=1
などのところで行の高さを1ピクセルないし2ピクセルの
非常に細かい幅で刻んでいることが分かります。

こうやって細かい正方形のセルをいくつも塗りつぶして、
結果的に（よく見るとモザイク状の）丸い形を表現しています。

お礼

へぇ～…擬似的になっているだけなんですね。

いろいろと勉強になります。
どうもありがとうございました(*^_^*)