背景のあんちょこ
| 手抜きのコピペ^^ | テーブルのあんちょこ | 背景のあんちょこ | ＿－)))こそこそ‥ |
| * | いろいろいろ～♪ | ||
*****テーブルに背景をつけてみる^^
<table style="border:1px solid #8b0000; background:url
(画像のＵＲＬ);" width="200" height="100">
<tr><td>
</td></tr>
</table>
(画像のＵＲＬ);" width="200" height="100">
<tr><td>
</td></tr>
</table>
テーブルの一部に背景をつける。 「width="200" height="100"」横幅・縦幅
***** 指定の位置で画像を繰り返す
repeat-x
top
top
repeat-x
bottom
bottom
repeat-y
left
left
repeat-y
right
right
<table style="border:1px solid #8b0000; background:url(画像のＵＲＬ)
fixed repeat-x top ;" width="200" height="100">
<tr><td>
</td></tr></table>
固定 繰り返す方向 画像の位置
Ｘ軸
Ｙ軸
0 50 100
50
×
100
50
×
100
Ｘが20％くらい、Ｙが80％くらいのとこに
背景をひきたくなっちゃったりした。
「画像の位置」に座標をおけばいいみたい？
できたけど、いいのか？
みんなにもみえてるのかぁ？
背景をひきたくなっちゃったりした。
「画像の位置」に座標をおけばいいみたい？
できたけど、いいのか？
みんなにもみえてるのかぁ？
repeat-x
20% 80%
20% 80%
repeat-y
20% 80%
20% 80%
***** １つの画像を背景に使う
no-repeat
center
center
no-repeat
left top
left top
no-repeat
20% 80%
20% 80%
要領は上記と同じ～♪
<table style="border:1px solid #8b0000; background:url
(画像のＵＲＬ)
fixed no-repeat 20% 80% ;" width="200" height="100">
<tr><td>
</td></tr></table>
おまけ
*****画像と文章を並べる
「align」で位置を指定するだけ～^^
 align="top" |
 align="middle" |
|---|---|
 align="bottom" |
 指定なし |
右に文をいれたいときは位置を変えるだけ。
めんどっちぃ～ |
|---|
| めんどっちぃ～<IMG SRC="画像のＵＲＬ" width="64" height="64" alt="ねぶた" align="top"> |
© Rakuten Group, Inc.
