https://hmaster.net/

当サイトについて | リンクについて | 問い合わせフォーム |

HTMLタグと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>

Follow @hp_master_2003

■ その他の項目

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

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