スタイルシートを使って壁紙を指定してみましょう
背景の設定は そのページのヘッダ部分にスタイルシートを設定する方法と
スタイルシート自体を外部ファイルにして リンクさせる方法があります
● ヘッダ部にスタイルシートを設定する場合
HTMLファイルの<head> 〜 </head> 部分に
<style type="text/css">
body {background-image: url(画像のURL);}
</style> |
と 入れることで ページに背景画像を設定することができます
こんな感じになります → クリック
今度は 背景を固定してみましょう
<style type="text/css">
body {background-image: url(画像のURL);
background-attachment: fixed;}
</style>
|
と 入れることで 指定した背景画像を固定させることができます
こんな感じになります → クリック
● 外部ファイルでスタイルシートを設定する場合
今度は スタイルシートを外部ファイルにする場合です
外部ファイル といっても 特別なことをする訳ではなく
HTML文章と同じように メモ帳などでテキストファイルを作ります
保存する際は 拡張子を ○○○.css で 保存してください
テキストファイルに書く内容は
body {background-image:
url(bg_1.gif);}
|
これだけで大丈夫です
また 固定したい場合は
body {background-image:url(bg_1.gif);
background-attachment:
fixed;}
|
これだけでオッケーです
作ったファイルは こんな感じです → スタイルシートのファイル
次に 背景を指定するHTMLファイルから この スタイルシートのファイルにリンクさせます
HTML文章の <head> 〜 </head> の部分に
<link href="○○○.css" rel="stylesheet"type="text/css">
|
と 入れるだけで リンクが完了です
出来たページは こんな感じです → こちら
|
