画像の位置や繰り返しを指定するプロパティを説明します。
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):最新版】