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>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

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

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

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