PR
カレンダー
コメント新着
2006年05月15日
カテゴリ： ホームページを作ろう♪
兵庫県丹波市にある白毫寺の九尺藤です。
今は満開で、1メートル近くある長い藤の花は圧巻です。
藤の花の下に入ると、花のシャワーをあびているようです。
画像を重ねる
★通常、画像は重ねることは出来ませんが、
上に重ねる画像を通常の表示位置からの相対位置で指定すると、
重ねることが出来ます。
★「position: relative」は、通常の表示位置からの相対位置で指定します。
★上に重ねる画像タグに追加入力します。
style="position: relative; top: -100; left: 150;"
（ここでは、上に重ねる画像を、通常の表示位置左下角より、
100ピクセル上に上げ、左端から150ピクセル移動しています。）
▼出来上がりHTMLタグ
＜img src="http://image.space.rakuten・・hpgteo.jpeg" width="320" height="240" alt="藤棚"＞
＜img src="http://image.space.rakuten・・pg58c.jpeg" width="320" height="240" alt="藤の下から" style="position: relative; top: -100; left:150;" ＞
自分の好きな写真画像を２枚用意して、下の画像タグの後は改行してから
上に重ねる写真の位置をピクセル数を変えて重ねて遊んでみてくださいね。
今は満開で、1メートル近くある長い藤の花は圧巻です。
藤の花の下に入ると、花のシャワーをあびているようです。
画像を重ねる
★通常、画像は重ねることは出来ませんが、
上に重ねる画像を通常の表示位置からの相対位置で指定すると、
重ねることが出来ます。
★「position: relative」は、通常の表示位置からの相対位置で指定します。
★上に重ねる画像タグに追加入力します。
style="position: relative; top: -100; left: 150;"
（ここでは、上に重ねる画像を、通常の表示位置左下角より、
100ピクセル上に上げ、左端から150ピクセル移動しています。）
▼出来上がりHTMLタグ
＜img src="http://image.space.rakuten・・hpgteo.jpeg" width="320" height="240" alt="藤棚"＞
＜img src="http://image.space.rakuten・・pg58c.jpeg" width="320" height="240" alt="藤の下から" style="position: relative; top: -100; left:150;" ＞
自分の好きな写真画像を２枚用意して、下の画像タグの後は改行してから
上に重ねる写真の位置をピクセル数を変えて重ねて遊んでみてくださいね。
お気に入りの記事を「いいね！」で応援しよう
[ホームページを作ろう♪] カテゴリの最新記事
-
画像をぼかしてみよう( ^∇^ )ノ” 2006年07月17日
-
画像に効果をつける～♪ 2006年06月04日 コメント(1)
-
画像を重ねる（⌒▽⌒） 2006年05月21日
素晴らしい・・・・＾＾
サークルＢＥＥ３６１７
さん
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
