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

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

 続いて、好きなHTMLエディタを開いて新しいページを作成しよう。リスト1のコードをエディタにコピー&ペーストし、先ほどダウンロードした画像と同じ場所に保存する。ここでは、h1、p、aといったタグを以下の書式のまま含めなければいけないことに注意して欲しい。これらのタグは、CSSで背景画像の設定を行うときに使用されるからだ。

リスト1



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.

 ここでは非常によく見かける、背景がグラデーションになっているウェブページの作成方法から説明を始めよう。CSSが登場する以前は、背景画像はHTML文書の壁紙としてX軸方向にもY軸方向にも敷き詰めて表示させるしかなかった。しかし、今や我々はもう少し自由にコントロールを行えるようになっている。それでは、リスト2で強調表示されているコードを入力し、bodyの背景にグラデーションを指定するという新しいCSSルールを作成しよう。

リスト2



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