
|
ホームページ作成の後
その他
ホームページ作成(気楽版)
アフィリエイト(詳細版) 管理人コラム レンタルサーバー比較初心者 メルマガバックナンバー 無料レポート、無料冊子 顔文字無料辞書 ホームページ(サイト)マップ 検索エンジンWorldSearch 運営者情報
リンク集
背景画像を一枚だけ好きな位置に固定して表示するスタイルシートでページの背景に指定した画像を一枚だけ、固定して好きなところに表示するには これまでに出てきたbackground-repeat:、background-position:、background-attachment:の三つのプロパティを使います。 値の指定の仕方などはこれまでのページと同じです。 ソース例 <html> <head> <title>ホームページ作成・サンプル5</title> <style type="text/css"> body { background-image:url(cat.gif); background-repeat:no-repeat; background-position:100% 0%; background-attachment:fixed; } </style> </head> <body> <table border="10" width="100%" height="1000"> <tr><td> <h1> 背景画像が右上に固定されて表示されています。 </h1> <br><br> <a href="../fixedlikeone.html">戻る</a> <br><br> <a href="../../../index.html">ホームページ作成・HTML</a> </td></tr> </table> </body> </html> 表示例はこちら << 「背景画像を一枚だけ好きな位置に表示する」へ 「背景画像を縦方向に繰り返し表示する」へ >> ホームページ作成とHTML>>スタイルシートの書き方講座>>背景画像を一枚だけ好きな位置に固定して表示する |