Dreamweaverのはじめかた

CSSでドキュメントの背景に色をつける

HTMLファイルの背景に色をつけるにはCSSプロパティ「background-color」を使います。

以下に例として<body>要素に#FCCの色を設定する手順を説明します。

  1. 「ウィンドウ」から「CSSスタイル」を選択し、「CSSスタイル」パネルを表示します。
  2. 表示された「CSSスタイル」パネルの右下にあるアイコン説明: https://lh5.googleusercontent.com/JFVFJmLXFic8Vu6aW32dgUuE6T2qOTbBVQ_Gy2UwjafqDNoyQkn3B9dD1-cQFr4tuUrEXn9NPpnT2i9gC-SUDaBDSxyVfFHbvEbqyCe-c9x7ZG3op1gを選択します。

  3. 表示された「新規CSSルール」パネルを次のように入力し、OKを押します。

    セレクタータイプ:タグ(HTMLエレメントの再定義)
    セレクター名:body
    ルール定義:(このドキュメントのみ)

    ※この例では、同じドキュメント内にCSSルールを設定します。
  4. 次に表示された「CSSルール定義」ウィンドウのカテゴリが「背景」に変更し、「Backgound-color」で「#FCC」の色を選ぶか、入力します。
  5. 「OK」を押して、このパネルを閉じると、背景に色がつきます。

Dreamweaver CS5.5の操作方法 目次にもどる

このページの上へ
Dreamweaverのはじめかた Dreamweaver CS 5.5編 制作著作/ノンピリオド:村山秀明