ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >ページ全体

背景画像の表示位置を指定する

{background-position:横方向の位置 縦方向の位置;}でページの 背景画像の表示位置(横方向、縦方向)を指定する ことができます。

■ ページの背景画像の表示位置

ページの背景画像を表示できる位置は以下の通りです。
下の表示例では background-repeat:no-repeat;を指定して1枚だけの画像をページの右下に 表示しています。

横方向
位置説明
left
center中央
right
縦方向
位置説明
top
center中央
bottom

【ブラウザ表示】

サンプル7←このページの右下を見て下さい。
ソース

<body class="sample7">サンプル7</body>

外部ファイル

body.sample7{
background-image:url(../image/ichigo.gif);
background-repeat:no-repeat;
background-position:right bottom;
}


<body>タグに直接記入する場合

<body style="background-image:url(../image/ichigo.gif);
background-repeat:no-repeat; background-position:right bottom;">
サンプル7
</body>

■ その他の項目

ページに背景色や壁紙を指定する
背景画像を固定する
背景画像の表示方法を指定する
マウスカーソルの形を変える
ページ内の余白を指定する
スクロールバーの色を指定する

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.