テーブル 重ねてみる
まず10×10のテーブルを1つ作ります
<table><tr>
<td align="left" valign="top">
<table border="0" width="10px" height="10px" bgcolor=#dec7c8 style="border:1px #f4a460 solid;">
<tr>
<td align="left" valign="top"></td>
</tr>
</table>
</td>
</tr></table>
次に20×20のテーブルを重ねます
<td align="left" valign="top">
<table border="0" width="10px" height="10px" bgcolor=#dec7c8 style="border:1px #f4a460 solid;">
<tr><td align="left"valign="top"></td></tr> </table>
<table border="0" width="20px" height="20px" bgcolor=#ffccff style="border:1px #f4a460 solid; margin-top:-5px ; margin-left:5px ;">
<tr><td align="left" valign="top"></td></tr>
</table>
</td>
</tr></table>
ポイントは
margin-top:-5px・・・10×10のテーブル位置から5px・・・下にセットします。
margin-left:5px・・・10×10のテーブル位置から5px・・・右にセットします。
という意味です。
次に30×30のテーブルを重ねます
<td align="left" valign="top">
<table border="0" width="10px" height="10px" bgcolor=#dec7c8 style="border:1px #f4a460 solid;">
<tr><td align="left"valign="top"></td></tr>
</table>
<table border="0" width="20px" height="20px" bgcolor=#ffccff style="border:1px #f4a460 solid; margin-top:-5px ; margin-left:5px ;">
<tr><td align="left" valign="top"></td></tr>
</table>
<table border="0" width="30px" height="30px" bgcolor=#dec7c8 style="border:1px #f4a460 solid; margin-top:-15px ; margin-left:10px ;">
<tr><td align="left" valign="top"></td></tr>
</table>
</td>
</tr></table>
ポイントは
margin-top:-15px・・・10×10のテーブル位置から15px・・・下にセットします。
margin-left:10px・・・10×10のテーブル位置から10px・・・右にセットします。
という意味です。
次に40×40のテーブルを重ねます
<td align="left" valign="top">
<table border="0" width="10px" height="10px" bgcolor=#dec7c8 style="border:1px #f4a460 solid;">
<tr><td align="left"valign="top"></td></tr>
</table>
<table border="0" width="20px" height="20px" bgcolor=#ffccff style="border:1px #f4a460 solid; margin-top:-5px ; margin-left:5px ;">
<tr><td align="left" valign="top"></td></tr>
</table>
<table border="0" width="30px" height="30px" bgcolor=#dec7c8 style="border:1px #f4a460 solid; margin-top:-15px ; margin-left:10px ;">
<tr><td align="left" valign="top"></td></tr>
</table>
<table border="0" width="20px" height="40px" bgcolor=#ffccff style="border:1px #f4a460 solid; margin-top:-25px ; margin-left:15px ;">
<tr><td align="left" valign="top"></td></tr>
</table>
</td>
</tr></table>
ポイントは
margin-top:-25px・・・10×10のテーブル位置から25px・・・下にセットします。
margin-left:15px・・・10×10のテーブル位置から15px・・・右にセットします。
という意味です。
ジャンル別一覧
人気のクチコミテーマ
-
-
- 動物園＆水族館大好き！
- 多摩動物公園 オラウータンの赤ちゃ…
- (2025-11-26 00:00:05)
-
-
-
- アニメ・特撮・ゲーム
- ［楽天市場］【福袋】【中身の見える…
- (2025-11-26 07:02:43)
-
-
-
- 何か手作りしてますか?
- カードケースを試作 その６
- (2025-11-26 20:14:53)
-
© Rakuten Group, Inc.
