今日は文字の色を変更する方法の復習です。
初めての方はしっかりマスターするつもりで読み進めて下さい。
2回目の方は・・・さらっと読み飛ばしつつもしっかり思い出してください(笑
まずは以前にも紹介しました簡単に色の指定が分かる教材です( ̄▽ ̄人)
ここをクリック!!
これを使えば多分簡単に色の指定ができること間違いなし( ̄▽ ̄人)
適当に遊んでみて下さい。
赤と青と緑のつまみがあって、それを動かしたら背景の色が変わりますよね(〃⌒▽⌒)
背景と一緒に右の方にある四角の枠内の文字も変わってることに気がつきましたか?
「#02f811」のように「#」が頭についている7桁の文字のことなんですが、
なんとこれが色を表す記号となっているのです。
とっても簡単でしょ(〃⌒▽⌒)
メモリを動かして好きな色を作ったら右上の四角の枠を見る!
たったそれだけであなたの好きな色を表す記号が完成するのですから(笑
さて、色を表す記号が完成したところで、実際に文字の色を変えてみましょう。
例)
<font color="#ff0000">テスト</font>
<font color="#ff00ff">テスト</font>
<font color="#ffff00">テスト</font>
<font color="#0000ff">テスト</font>
<font color="#00ffff">テスト</font>
<font color="#ffffff">テスト</font>
<font color="#000000">テスト</font>
表示結果)
テスト
テスト
テスト
テスト
テスト
テスト
テスト
記述の仕方はぜんぜん難しくないですよね。
プラス忘れてはいけない応用サンプル( ̄▽ ̄人)
例)
<font color="#ff0000" size="6">応用例</font>
表示結果)
応用例
文字の大きさの指定と組み合わせることもできるってサンプルでした(〃⌒▽⌒)
文字の指定に限らず、Webページを作成する際にはさまざまな色の指定を行います。
文字色の指定を通して色を指定する「感覚」のようなものを身に付けてもらえれば幸いです( ̄▽ ̄人)
ではまたあしたー(゚▽^*)ノ⌒☆