CSSで背景指定<

CSSが使えるようになると、レイアウトでの画像使用は殆ど背景で設定することが可能となります。
ブログでもそうですが、レイアウトの画像はすべてCSSで背景画像として表示されています。

CSSロールオーバーでも背景画像を使いロールオーバーを表示する方法を書きましたが、背景画像の設定する場所は大抵決まっているので、ひとつ覚えてしまえば、いろいろなところに設定ができるようになります。しかし、背景の画像の表示も微妙な配置の設定などが必要となってきます。

そんな時、背景画像のCSSは設定をどのように変えたらいいか?わからなくなることがあります。
背景CSSでどのように設定するといいのでしょうか?

下記は背景で設定できるプロパティです。

background-color
#000000
背景色の設定
background-image
url(画像のファイル名)
背景画像の設定
background-repeat
no-repeat
背景画像の繰り返しの設定
background-position
top
背景画像の配置の設定
background-attachment
fixed
背景画像を固定する設定

NEXT⇒CSSのmargin


スタイルシート(css)Menu

cssスタイルシート入門