CSSについて調べてみた2

さてさて。

すげーな、CSS！

の第二弾です。

「CSSで背景に好きな画像を設定する」

＆

「好きな背景の固定をする」

を解説します。

と、その前に、

CSSについては理解できてるかな？？

じゃなかったら、

まずはこれを見て↓

CSSについて調べてみた

OK？

んじゃ、OKだとして、

次はここ

CSSの作り方の参考にさせてもらった、

CSS勉強中スタッフのブログ

うん。

CSSのコード作るのは面倒いからね。

こっからパクっちゃおｗｗｗ

いや、

本当に感謝してますよ？ごちそうさま。( ´艸｀)

ここまでちゃんとおさえられているかな？？

すっ飛ばしてくると後悔するよ！！

では、

ちゃんとここまでOKだとして、

「CSSで背景に好きな画像を設定する」

これは、CSS勉強中スタッフのブログでもあるので　これを参考 　にしてもらえばいいんだけど、

このままやると一面に小さい画像が繰り返されて気持ち悪い状態になるの・・・。

だから、

これを防ぐのには画面いっぱいの画像を用意することで解決します。

こうすると一面に一枚の絵になるから見栄えもよい。

でも、やっぱりスクロールしてった時に切れ目が気になるって人も多いと思う。

CSS勉強中スタッフのブログなんか背景固定されてるのに、その方法は書いてない。

CSSで背景の背ってはできたけど、

なんかイメージと違う・・・

そうおもった人もいるかも？？

そんな時は、

「好きな背景の固定をする」CSSを書こう！！

CSS勉強中スタッフのブログでの、背景画像を設定するCSSに↓

.skinBody{
background:url(http://xxxxxxxxxxxxxxxxxxx);
}

↓

.skinBody{
background:url(http://xxxxxxxxxxxxxxxxxxx);background-attachment:fixed;

}

と、太文字の部分を加えるだけ！

どう？できたかな？