資料の一覧へ

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

使用した画像


ファイル名 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>