文字列の基本色・背景色などを設定する方法
文字の基本色を設定するには?
テキスト本文の文字色、未表示のハイパーリンク(まだチェックしていないリンク先のリンク色)、表示済みハイパーリンク(チェックしたリンク先のリンク色)の文字色を設定することができます。
メニューバーより、[書式(O)]→[文字の色(O)]を選択します。
それぞれあなたのお好みの色を指定して、OKボタンをクリックしてください。
-HTMLタグでは-
この設定は<BODY>タグ内に記述されます。
<BODY TEXT="#000000" LINK="#FF0000" VLINK="#800080"> TEXT="本文の色コード"
LINK="ハイパーリンク(未表示)の色コード"
VLINK="ハイパーリンク(表示済み)の色コード"となります。
背景色を設定するには?
メニューバーから[書式(O)]→[背景(K)]を選択します。
一覧から好きな色を選択を選択してください。
もし、それ以外の色を指定したい場合は、「その他の色」をクリックして、色を作成してくださいね。
-HTMLタグでは-この設定は<BODY>タグ内のBGCOLOR属性に記述されます。
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800080">BGCOLOR="背景色コード"
となります。
TEXT="本文の色コード"
LINK="ハイパーリンク(未表示)の色コード"
VLINK="ハイパーリンク(表示済み)の色コード"
背景画像を設定するには?
画像ファイルを背景として設定する場合
メニューバーより[書式(O)]→[背景(K)]を選択します。
一覧から[塗りつぶし効果(F)]をクリックします。
すると、塗りつぶし効果のダイアログボックスが表示されます。
テクスチャの中からお好きな背景画像を選んでください。
素材サイトからお気に入りの背景画像をダウンロードしたものを使いたい場合は、
[その他のテクスチャ]ボタンをクリックして、ファイルを指定してください。
- HTMLタグでは-背景色、背景画像の設定部分は、<BODY>タグの中にあります。
背景色「#ffc081」を設定している場合
背景画像「picture.jpg」を設定している場合
⇒ BGCOLOR="#ffc081"
(同じディレクトリ内の場合)
⇒ BACKGROUND="picture.jpg"
色コードについて
#ffc081、#000000などの色の指定は、RGB16進数による方法です。
これは光の3原色である赤(Red)、緑(Green)、青(Blue)で色を表現する方法です。
それぞれR、G、Bを16進数(0からFまで)の数字下2桁で表し、全部で6桁で表現します。
この方法で表現できる色は16777216色です。記述は「#」をつけて表現します。
Wordでの色の指定方法は、背景色以外の色の設定(文字の色、表内のセルの色など)には制限があります。
Word上でのWebページ編集に使われない色の設定方法は、後からソース編集をしなければなりません。
その後、再度Wordで編集する場合には不都合が生じます。気をつけてください。
Word 97/98でのWebページ作成において文字の色やセルの背景色が設定可能な色は…
黒、50%灰色、25%灰色、白、紫、濃い青、青、水色、青緑、緑、明るい緑、濃い黄、黄、赤、濃い赤、ピンクの16種類です。
それら以外の色が使われている場合は必ずソース編集のみで行ってください。
※Internet Explorer4.0以降のブラウザからでは、Webページモードで設定OKの色にはコメントが表示されます。マウスで色を触れてみてください。
黒 #000000 | 茶 #993300 | オリーブ #333300 | 濃い緑 #003300 | 濃い青緑 #003366 | 濃い青 #000080 | インディゴ #333399 | 80%灰色 #333333 |
濃い赤 #800000 | オレンジ #ff6600 | 濃い黄 #808000 | 緑 #008000 | 青緑 #008080 | 青 #0000ff | ブルーグレー #666699 | 50%灰色 #808080 |
赤 #ff0000 | 薄いオレンジ #ff9900 | ライム #99cc00 | シーグリーン #339966 | アクア #33cccc | 薄い青 #3366ff | 紫 #800080 | 40%灰色 #969696 |
ピンク #ff00ff | ゴールド #ffcc00 | 黄 #ffff00 | 明るい緑 #00ff00 | 水色 #00ffff | スカイブルー #00ccff | プラム #993366 | 25%灰色 #c0c0c0 |
ローズ #ff99cc | ベージュ #ffcc99 | 薄い黄 #ffff99 | 薄い緑 #ccffcc | 薄い水色 #ccffff | ペールブルー #99ccff | ラベンダー #cc99ff | 白 #ffffff |
★グレードアップ版の色パレットを作成しました(^^)★
色名、RGB16進数の両方を表記していますので、こちらもご覧ください→CHECK!
コメント
このページに関する技術的なご質問には一切お答え致しません。フリーソフトになったExpression Web 4に移行してください!