背景画像を一枚だけ好きな位置に表示する
プロパティ:background-position:値:% %
スタイルシートで背景画像を一枚だけページの好きな位置に表示するには、background-positionプロパティを使います。
位置の指定の仕方ですが、一番左上を座標0 0としてそこからの距離を%で指定します。
指定の順番は横軸 縦軸の順番です。
例えば右上ならbackground-image:100% 0%;となります。
ソース例(太字が学んだ内容です)
<html>
<head>
<title>背景画像を一枚だけ好きな位置に表示する</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body style="background-image:url(cat.gif); background-repeat:no-repeat; background-position:100% 100%">
<h1>背景画像が右下に表示されています。</h1>
<br><br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成、HTML</a><br>
Webサイト版<a href="http://www.homepagecreation.net/" target="_blank">ホームページ作成とHTML</a>
</body>
</html>
表示はこちら
2006年05月05日