CSS背景

cssファイルで背景画像を指定する場合は、下のを入れます。


</head>の上に直接入れるのでしたら、下のように入れてください。


これより下はcssファイルに入れるソース部分ですから、
直接</head>の上に入れるのでしたら、style部分を追加してください。
背景画像を固定する場合は下のように入れます。


背景画像の位置を決めて固定する場合は下のように入れます。
background-color: #ffffff;の部分は背景色の指定になりますから、
#ffffffを好きなカラーコードに変えてください。


background-position: 50% 50%; で背景画像が中央に固定されます。
background-position: 100% 100%; で背景画像が右下に固定さます。
background-position: 0% 100%; で背景画像が左下に固定されます。
background-position: 100% 0%; で背景画像が右上に固定されます。
background-position: 0% 0%; で背景画像が左上に固定されます。
数字で指定すれば、どこの場所にでも指定できるってことですね。


背景画像を並べて固定する場合は下のように入れます。


background: url(画像ファイル名) repeat-x fixed top; で上に並べて固定
background: url(画像ファイル名) repeat-x fixed bottom; で下に並べて固定
background: url(画像ファイル名) repeat-y fixed left; で左に並べて固定
background: url(画像ファイル名) repeat-y fixed right; で右に並べて固定


スポンサードリンク





玄関に戻るよ