文字色

Dreamweaverの文字色に関連する内容を紹介します。

HTMLのみで文字色を指定する方法

ブラウザのスタイルシート対応が進んだ現在では、あまり推奨できる方法ではないですが、一応紹介します。
・文字を緑色にする方法

<font color=”#00ff00″>緑色の文字</font>

CSSとクラスで文字色を指定する方法

・HTML

<font class=”green”>緑色の文字</font>

・CSS

.green {
color:#00ff00;
}

文字色を一文字ずつ変更する方法

・HTML

<span class=”red”>赤</span><span class=”green”>緑</span><span class=”blue”>青</span>

・CSS

.red {
color:#ff0000;
}
.green {
color:#00ff00;
}
.blue {
color:#0000ff;
}

リンクの文字色を変える方法

・CSS

a:link    //訪問前リンク
a:visited    //訪問済みリンク
a:hover        //リンク上にマウスカーソルを重ねた時の表示
a:active    //リンクをクリックした瞬間の表示

a:link {
color: #00ff00
}
a:visited {
color: #006600
}
a:hover {
color: #00cc00
}
a:active {
color: #0000ff
}

特定のリンクのみ文字色を変える方法

・HTML

<p class=”LinkA”><a href=”#”>リンク</a></p>

・CSS

.LinkA a:link {
color: #00ff00
}
.LinkA a:visited {
color: #006600
}
.LinkA a:hover {
color: #00cc00
}
.LinkA a:active {
color: #0000ff
}

コードビューの文字色を変更する方法

編集メニューの環境設定ダイアログを表示し、コードカラーリンクカテゴリから文字色を変えられます。

広告

関連コンテンツ