スタイルシートを使う
▼画像を繰り返さないで1枚のみ表示し背景を固定する
<head>と</head>の間に以下の文書を入れます。
<style type=text/css>
<!--
body
{
background-image:url(ここに画像のファイル名を記入);
background-attachment:fixed;
}
-->
</style> |
<html>
<head>
<title>
私のホームページ
</title>
<style type=text/css>
<!--
body
{
background-image:url(img/bg.gif);
background-attachment:fixed;
}
-->
</style>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099" background="kabegami.gif">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう<br>
<a href="http://yahoo.co.jp/">Yahoo!のホームページへ</a><br>
<a href="http://bb.yahoo.co.jp/">Yahoo!BBのホームページへ</a>
</body>
</html> |
サンプルページ スクロールしても背景は固定されたままです。
|