暖冬傾向で、ゴルフ場の予約が多い!
100万ポイント山分け!1日5回検索で1ポイントもらえる
>>
人気記事ランキング
ブログを作成
楽天市場
043101
HOME
|
DIARY
|
PROFILE
【フォローする】
【ログイン】
ころつんのつぶやき
テーブル 重ねてみる
テーブルに挑戦。その1
まず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のテーブルを重ねます
<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>
<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のテーブルを重ねます
<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>
<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のテーブルを重ねます
<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>
<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・・・右にセットします。
という意味です。
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
動物園&水族館大好き!
多摩動物公園 オラウータンの赤ちゃ…
(2025-11-26 00:00:05)
アニメ・特撮・ゲーム
[楽天市場]【福袋】【中身の見える…
(2025-11-26 07:02:43)
何か手作りしてますか?
カードケースを試作 その6
(2025-11-26 20:14:53)
© Rakuten Group, Inc.
X
共有
Facebook
Twitter
Google +
LinkedIn
Email
Mobilize
your Site
スマートフォン版を閲覧
|
PC版を閲覧
人気ブログランキングへ
無料自動相互リンク
にほんブログ村 女磨き
LOHAS風なアイテム・グッズ
みんなが注目のトレンド情報とは・・・?
So-netトレンドブログ
Livedoor Blog a
Livedoor Blog b
Livedoor Blog c
楽天ブログ
JUGEMブログ
Excitブログ
Seesaaブログ
Seesaaブログ
Googleブログ
なにこれオシャレ?トレンドアイテム情報
みんなの通販市場
無料のオファーでコツコツ稼ぐ方法
無料オファーのアフィリエイトで稼げるASP
ホーム
Hsc
人気ブログランキングへ
その他
Share by: