CSS-スタイルシート-での背景画像【background-image】の指定方法を紹介しています。

初心者でもできるホームページ制作&SEO
初心者でもできるホームページ制作&SEOホームページ制作CSS講座その他の指定>背景に画像を指定する
その他の指定
CSS講座
ホームページ制作



背景に画像を指定する



背景に関する指定は、<body>タグに記述することによりその効果が適用されます。


タグに直接記述する場合


以下のように記述することにより、その記述されたページの背景に任意の画像を指定することができます。


<body style="background-image:url(ファイル名もしくはURL);">


上の赤文字の部分の【background-image】が背景画像を指定する記述になります。


では、表示例としてこのページに背景画像を適用させたものを別ページにて紹介します。


<head>内に記述する場合、外部のCSSファイルに記述する場合もこの赤文字の部分は同じになります。


ページの<head>内に記述する場合


以下のように<head>内に記述することにより、その記述されたページの背景に任意の画像を指定することができます。
解りやすいよう、<head>から記述します。


<head>
<style type="text/css">
<!--body{background-image:url(ファイル名もしくはURL);}-->
</style>
</head>


外部のCSSファイルに記述する場合


以下のように外部CSSファイルに記述することにより、そのファイルの読み込まれたページの背景に任意の画像を指定することができます。


背景画像の指定


サイトマップ 更新履歴 問い合わせ サイト&管理人紹介 相互リンクについて リンク集
Copyright(C)2008-2010 Homepage making & SEO that even beginner can do All Rights Reserved