background 新？機能

backgroundについて新しく知ったこと

まず、基本的なところでいくとbackground1つで、 * background-color * background-image * background-repeat * background-attachment * background-position

これがまとめてかけちゃう！
たとえば、こんな感じに。`background :#ff9 url(image/hoge.gif) no-repeat right bottom;

一つにまとめると見やすいし、書くのも早いからよさそうだよね。`

で、今日知ったのはこれじゃなくて(さすがにこれは前からしっていたｗ) background-attachment(背景画像のスクロール方法)はあんまり使わないけど。かっこいい。

css3だと、背景画像が一気に2つも設定できちゃうらしい。
　　　　

.sample {
    　background: url(img.png) center center no-repeat, url(bg.png) left top           repeat; 
     }

イメージ的には画像on画像？

利用してみたい！