画像の設定方法 -4ページ目

TOP画像の位置設定

TOP画像の位置を変更する

まずは、画像を1つだけ表示される設定にしたら、画像の位置が最初は左側にきている。

$testのブログ

それを変更した場合↓

①画像のリピート設定で↓

#header{

background-repeat:no-repeat;

}


と変えた部分を探す。



②そのタグを見つけたら、↓の部分を改行して1行空ける。

#header{

background-repeat:no-repeat;


(ここに新しくタグを入れるため改行して1行空ける)

}



③タグを入れる↓

#header{

background-repeat:no-repeat;

background-position: right bottom
}


と、赤文字のように半角で入力する

$testのブログ



入力したら、保存して画像を確認する。

TOP画像が右側にきていたら完成。

$testのブログ




ちなみに
「right」を「center」に書き直すとヘッダーの中心に画像がくる。


$testのブログ



仕上がり確認するとこうなる↓

$testのブログ