資料の一覧へ

背景画像を上部横一列に表示する

使用した画像


ファイル名　le15.jpg

CSS記述例

<head>タグごと例に挙げています。metaやtitleはcssに直接関係ありません。
また、見やすくするために改行を入れていますが、改行位置を変えたり、改行しなくても表示には影響しません。

<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>背景画像をCSSで指定</title>
<STYLE type="text/css">
<!--
body {
background-color:azure;
background-image:url(le15.jpg);
background-attachment:fixed;
background-repeat: repeat-x;
background-position: top;
}
-->
</STYLE>
 　←CSSの指定開始
　←CSSが無効である場合に、指示を読み込ませないようにするための指定−開始
　←bodyタグへのCSS指定開始
　←背景色の指定、azure→淡い青
　←画像ファイルの指定
　←背景を固定する
　←背景を横一列に表示
　←背景を一番上に表示。topをbottomとすれば一番下に、centerとすれば中央に表示されます。
　←bodyタグへのCSS指定終了
　←CSSが無効である場合に、指示を読み込ませないようにするための指定−閉じ
　←CSSの指定終了
</head>