背景画background/HTML文法

背景画　background　
background-position
背景画を固定し、画像の位置を示します。

【スタイルシート】～内に貼ってください。
　　　　　（注）現在＜＞は全角で入力されています。
　　　　　　　　コピペする場合、すべての＜＞を<>半角に書き換えてください。

＜style type="text/css"＞ ＜!-- body { background-attachment: fixed; background-image: url(http://www.geocit・・・・・・・jpg); background-repeat: no-repeat; background-position: right top; } --＞ ＜/style＞

background-position:
位置を指定する方法にはいくつかあります。　　(注）指定するキーワード間は半角を開ける。 

横の位置をleft,center,rightで指定
縦の位置をtop,center,bottomで指定	〈例〉右上に指定	background-position: right top
%で指定	〈例〉左から30%上から50%に指定	und-position: 30% 50%

横の位置をleft,center,rightで指定
横の位置をleft,center,rig

background-attachment:
画面をスクロールする時に、画像を固定するか、スクロールと伴に移動させるかを指示します。

fixed	背景画像を固定	background-attachmen: fixed
scroll	スクロールと伴に移動	background-attachmen

 

background-image:
背景に画像を指定します。

url
none	画像ファイルなし	background-image: url(http://・・・・

 

background-repeat:
画像のリピートを指示します。

repeat	背景画像を繰り返し表示	background-repeat: repeat
repeat-x	背景画像を横方向のみ繰り返し表示	background-repeat: repeat-x
repeat-y	背景画像を縦方向のみ繰り返し表示	background-repeat: repeat-y
no-repeat	リピートしない	background-repeat: no-repeat