背景画像表示を、タグに合わせてページに反映しています。
背景色も近似値色で指定するようにしよう。
<head>
〜
</head>
に設定する。
各用語については、
スタイルに触れよう
で確認して下さい。
|
|
|
|
スタイルによる背景画像の指定は、HTMLと違い表示方法に位置指定などかなり自由度の高い柔軟な設定が出来ます。
|
|
|
はじめに、
HTMLの時と同じようにタイリング表示をスタイルで設定してみよう。
HTMLの
body
で設定の方がタグも単純ですね。
|
|
|
|
利点
は、スタイルシートをファイルに保存してリンクでサイトのページを共通の背景画像に
すれば、統一もとれタグの記述も簡略出来るメリットがある。
|
|
|
|
右が、スタイルによる背景画像の指定のタグです。
|
|
|
|
柿色
から、
柿色
までがスタイルの設定になり
ピンク色
が、セレクタ
body
に背景画像指定の
デグラレーション(プロパテイー・設定値)
になります。
|
をサンプル表示しています。
|
|
スタイルによる、背景画像表示(タイリング)
<html>
<head>
<title>
タイトル
</title>
<META http-equiv="Content-Style-Type" content="text/css">
<style type=text/css>
<!--
body{
background-image : url("
背景画像を指定
");
background-repeat: repeat;
background-color:
背景色の指定
;
}
-->
</style>
</head>
<body>
実際に表示される画像や文章を、すべてこの範囲に指定します。
</body>
</html>
|
|
|