7. 背景色、背景イメージの設定

3. CSSスタイルの背景色の設定

特定のCSSスタイルに背景色を設定する方法を解説します。本書では例として、すでに作成されたナビゲーションボックスの背景色の設定方法を説明します。

スタイルの変更ダイアログによる設定方法

  1. [スタイルの管理]ウィンドウの背景色を設定したいCSSスタイルを右クリックして、[スタイルの変更]をクリックします。
  2. [スタイルの変更]ダイアログが表示されました。[背景]カテゴリを開きます。
  3. background-colorボックスの右側の[その他の色]ボックスをクリックします。
  4. [その他の色]ダイアログが表示されました。色パレットの中から、任意の色を選択します。
  5. [OK]ボタンをクリックします。
  6. 背景色が設定できました。
    [プレビュー]および[説明]に記述されたCSSコードを確認して、[OK]ボタンをクリックします。

[CSSのプロパティ]ウィンドウによる設定

  1. [スタイルの管理]作業ウィンドウの中から、変更したいCSSスタイルを選択します。
  2. [CSSのプロパティ]ウィンドウの[背景]カテゴリの1行目、background-colorの右側ボックスをクリックすると、右側に▼が表示されますので、そのボタンをクリックして、[その他の色]をクリックし、色を選択します。
    カラーコードを直接入力することも可能です。
  3. [その他の色]を選択した場合、ダイアログが表示されますので、設定したい色を選択し、[OK]ボタンをクリックします。
INDEX

▲このページのトップへ

Contents Menu

Site Search by Google


Web サイト内
Expression Web Books
Buy at amazon.co.jp Now

Ads

Microsoft MVP

Microsoft Most Valuable Professional
Microsoft MVP - Expression Web
(April 2009 - March 2011)
/ Expression
(April 2008 - March 2009)
/ FrontPage
(April 2005 - March 2008)
MVP Profile