background-imageプロパティは、背景画像を指定する際に使用します。
<BODY>や
<TABLE>だけではなく、
<P>・
<DIV>・
<SPAN>などの要素にも背景画像を指定することができます。
背景画像はURLで指定します。
スタイルシート部分を外部ファイルにしている場合には、HTMLファイルから見た相対パスではなく、
外部スタイルシートファイルからの相対パスで指定しなくてはならないので注意してください。
背景に画像を指定する際には、背景色と文字色も同時に指定するようにしてください。
これは、ユーザーの環境により背景画像が表示されない場合に、
背景色と文字色の関係により、文字が読みにくくなってしまうことがあるからです。
p.sample {
color: #000000;
background-color: #f8dce0;
background-image: url(“../images/kabe01.gif”)
}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p class=”sample”>
壁紙を使いこなせるようになると制作の幅が大きく広がります。壁紙はホームページを個性的に彩ります。
</p>
</body>
</html>
壁紙を使いこなせるようになると制作の幅が大きく広がります。壁紙はホームページを個性的に彩ります。