現在地: 機能 > Styles and Style Sheets > Color > トピックの背景に色を適用

トピックの背景に色を適用

"body" スタイルまたはそのスタイルのサブクラスでトピックの背景色を変更できます。あるスタイルシートを利用するすべてのトピックに背景色を適用するには、メイン "body" スタイルを使ってできます。一部のトピックの背景色だけを変更するには、"body" のサブクラスを作成して使います。

注目:選択したテキストの背景色だけを選択するには、トピックでテキストの背景に色を適用をご参照ください。

すべてのトピックに背景色を適用する方法

  1. スタイルシートを開きます
  2. スタイルシート エディタスタイルセクションで、body スタイルを選択します。
  3. 表示セクションに、 プロパティグループを選択します。
  4. プロパティセクションに、 背景の隣のプラス ボタン をクリックします。
  5. background-colorフィールドの隣で、右側にある列の中をクリックします。
  6. 下矢印をクリックしてポップアップ ウィンドウから色を選択します。アドバンスド色オプションは、その他の色を選択してカラー ピッカー ダイアログのフィールドを利用します。
  7.  をクリックして変更を保存します。
  8. 注目:スタイルシートがその背景色で表示しようとしているトピックに関連があることを確認します。

一部のトピックだけに背景色を適用する方法

  1. スタイルシートを開きます
  2. スタイルシート エディタスタイルセクションで、body スタイルを選択します。
  3. ローカル ツールバーで、クラスを追加をクリックします。

    新規スタイル ダイアログが開きます。

  4. 新規スタイル サブクラスの名称を入力して OK をクリックします。

    新しいサブクラスは "body" スタイルの下に追加されます。

  5. 新しいサブクラスが「スタイル」セクションで選択されていることを確認します。
  6. 表示セクションに、 プロパティグループを選択します。
  7. プロパティセクションに、 背景の隣のプラス ボタン をクリックします。
  8. background-color フィールドの隣で、右側にある列の中をクリックします。
  9. 下矢印をクリックしてポップアップ ウィンドウから色を選択します。アドバンスド色オプションは、その他の色を選択してカラー ピッカー ダイアログのフィールドを利用します。
  10.  をクリックして変更を保存します。
  11. 背景色を適用するトピックを開きます。
  12. もしタグ ブロック バーがコンテンツの左側に表示されていなければ、をクリックします。
  13. body タグ バー(大体左から二番目のバー)をクリックします。
  14. ポップアップ ウィンドウで、 スタイル>body.[サブクラス名]を選択します。
  15. 注目:スタイルシートがその背景色で表示しようとしているトピックに関連があることを確認します。

  16.  をクリックして変更を保存します。

追加参照