テーブル 重ねてみる
まず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・・・右にセットします。
という意味です。
ジャンル別一覧
人気のクチコミテーマ
-
-
- 寺社仏閣巡りましょ♪
- 七草寺巡り。桔梗・萩・女郎花の次は…
- (2026-09-18 04:10:05)
-
-
-
- フィギュア好き集まれ～
- 【SSSS.GRIDMAN】宝多六花 ゲーミン…
- (2026-10-13 19:43:56)
-
-
-
- 何か手作りしてますか?
- 小銭入れ付き札ばさみを作る その69
- (2026-10-13 19:52:49)
-
© Rakuten Group, Inc.
