background-image

スタイルシートを使えばウェブデザインは思いのまま！ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ！スタイルシートを使いこなして脱入門者になろう！サイト作りの基礎を学びたい方は >> 本館ウェブマイスタｰ	さくらインターネットたった１２５円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。３ヶ月無料キャンペーン実施中!!　レンタルサーバーのSpeever 一番高いプランも今なら無料だよ

プロパティー名	background-image
目的	背景画像を指定。
値	url 背景画像のurlを指定。 none 背景画像を使わない。

例：tile.jpgを背景画像に指定する。

body { background-image: url("tile.jpg") }

関連プロパティー

background-repeat ：背景画像の並び方。
background-position ：背景画像の表示位置。
background-attachment ：背景画像の固定配置。

Tips

★none属性は、一見何の意味があるの？というも方もいることだろう。
しかしこれが意外と便利な時もあるのだ。
たとえば、サイト全体で使用するスタイルシートでは背景画像を指定する。
しかし、とあるページのみ背景画像を表示させたくない。
といった感じに使用することができる。
★使用目的は様々に応用することが可能だ。　柔軟に考えて便利に使おう。
たとえば、複雑な配置のレイアウトで複数の領域にまたがって画像を表示させたい時もある。タグだけでこれを行うには、画像をレイアウトにそって切り分けてimg要素で挿入することになる。しかし、ＣＳＳを利用すれば切り分けることなく背景画像として任意の場所に表示させることが可能だ。

ウェブデザインをスタイルシートでおこなおう！