背景画像のサイズは複数の要素で共通なのでまとめて指定し、その後に個別の要素に背景画像を指定するという場合があります。 例えば以下のような見た目を作りたい場合なんかがそうでしょう。 HTMLはインスペクターか何かで見ていただくとして、関係あるCSSは以下のようになっています。 .test li { background-position: center top; background-repeat: no-repeat; -webkit-background-size: 50px 50px; background-size: 50px 50px; } .test .red { background-image: url(http://maboroshi.biz/clearskysource/wp-content/uploads/2012/09/nya01.png); } .test .blu
![「background」と「background-size」を利用する時は注意しましょー](https://cdn-ak-scissors.b.st-hatena.com/image/square/00031b01c1b18692e1c653e4a7aecb97b7803dbe/height=288;version=1;width=512/http%3A%2F%2Fmaboroshi.biz%2Fclearskysource%2Fogp-v3.png)