background-image
Home>CSS>プロパティリファレンス>background-image
background-imageプロパティの役割
背景画像を指定します。
background-imageプロパティに設定できる値
背景画像のURLを以下のように記述します。
background-image:url(背景画像のパス);
background-imageプロパティの使い方
background-imageプロパティのパスの指定の方法は、相対指定にする場合には、そのファイルから見て相対的に指定します。
CSSを外部ファイルで用意する場合には、その外部ファイルから見て相対的なパスを指定します。
background-imageプロパティを使って、ロールオーバーイメージ(マウスカーソルを載せると別の画像に切り替わる画像)をつくることができます。
関連リンク
- プロパティリファレンス:background
- プロパティリファレンス:background-attachment
- プロパティリファレンス:background-color
- プロパティリファレンス:background-position
- プロパティリファレンス:background-repeat
- CSSサンプル:ロールオーバーイメージ
- CSSサンプル:CSS Spriteを活用する
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-6-28