CSSでWebページの背景画像を指定する

文:John Lee(TechRepublic)  翻訳校正:原井彰弘
2008-02-07 18:30:00
  • このエントリーをはてなブックマークに追加

 編集を行ったら、HTMLを保存してブラウザでプレビューしてみよう。ブラウザを最大化すると、背景のグラデーションが左右の方向だけでなく上下方向にも敷き詰められて表示されていることがよく分かると思う。残念ながら、途切れのないグラデーションにはなっていないのだ。そこで、リスト3で強調表示されているようにコードを修正しよう。このコードでは、ページの背景色がグラデーションの下端の青色と同じ色になるようにし、さらに画像はX軸方向にのみ敷き詰められるように指定を行っている。

リスト3


 
 CSS Backgrounds

 

Chapter One

"Now Beowulf bode in the burg of the Scyldings, leader beloved, and long he ruled in fame with all folk..."


This link will open a new window.

 このHTMLをブラウザでプレビューすると、背景がとぎれなくグラデーションになっており、ページの下方までずっとそのまま青色が続いていることが分かるだろう。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]