背景画像の位置を指定したい

画像の位置や繰り返しを指定するプロパティを説明します。
Ks BLOGさん,めざぼーさんの記事を参考にさせて貰ってます。





アジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合うアジサイを描いてみました。うまくないですがこの記事に合う


||<#ffffff'style='background-image:url(http&#58//img.blogs.yahoo.co.jp/ybi/1/cb/66/suzutakaho/folder/78634/img_78634_5805007_4?20050710071634.jpg);text-decoration:underline;color:#000000'``''' アジサイを描いてみました。うまくないですがこの記事に '''||

●text-decoration:underlineがアンダーラインの指示です。
●何も指定しなければこのよう敷き詰められます。
●(http://~)の「:」は「&#58」に修正する度に書き換えてください。
●画像は非公開書庫かに保存してください。

right bottom no-repeat の場合                                               アジサイを描いてみました。うまくないですがこの記事に合う画像がなかったので描きました。

||<#ffffff'style='width:560;height:300;background-image:url(http&#58//img.blogs.yahoo.co.jp/ybi/1/cb/66/suzutakaho/folder/78634/img_78634_5805007_4?20050710071634.jpg) right bottom no-repeat;color:#00dd00;font-size:20px'``right bottom no-repeat の場合アジサイを描いてみました。うまくないですがこの記事に合う画像がなかったので描きました。||
●(http://~)の「:」は「&#58」に修正する度に書き換えてください。
●必ず領域(width:560;height:300)を指定ください。
●画像は非公開書庫に保存してください。
  
  背景画像の位置:left、right、top、bottomの組み合わせ 
  指定なしの場合はcenter
  
  repeat:全面に敷き詰める(指定しない場合はこれになります)
  repeat-x:横方向のみ繰り返す 
  repeat-y:縦方向にのみ繰り返す
  no-repeat:繰り返さずに1点だけ表示 


(C) 京都写真日記【目的別Wiki文法(CSS):最新版】