資料の一覧へ

背景に画像を右側縦一列に表示する

使用した画像


ファイル名 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-y;
background-position: right;
}
-->
</STYLE>
←CSSの指定開始
←CSSが無効である場合に、指示を読み込ませないようにするための指定−開始
←bodyタグへのCSS指定開始
←背景色の指定、azure→淡い青
←画像ファイルの指定
←背景を固定する
←背景を縦一列に表示
←背景を右に表示。rightをleftに変えれば左に、centerとすれば中央に表示されます。
←bodyタグへのCSS指定終了
←CSSが無効である場合に、指示を読み込ませないようにするための指定−閉じ
←CSSの指定終了
</head>