ご訪問ありがとうございます！！

ちょうどＨＴＭＬを勉強しようかしら？と思ってた所だったんです！！
これからちょくちょく来て勉強させていただきますねぇ～♪
リンクはらせていただきま～～っす！！
これからもどうぞよろしく～～ <(＿＿)> (Aug 8, 2004 02:32:15 AM)

253886

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Aug , 2026
Jul , 2026

Jun , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Aug 8, 2004

第２回に引き続き、第３回もまた文字を変えてみます。
どんな文章を書くにしても、同じ文字の色ばかりではつまらないことないですか？
例えばこのページがいい例ですよね（笑
デザインって言ってしまえばそれまでですが、
文字が一色に統一されているとなんかかたくるしい感じします。
ってなわけで今回は文字の色の変え方を勉強しましょー。

ただ本来なら、ＨＰ作りをはじめるときに真っ先につまずくのが色の指定だと思います。
指定の仕方が文字と数字と記号で確かに難しいものなのですが・・・
心配ご無用です(￣^￣*)

ここをクリック！！

これを使えば多分つまづくこともないでしょう。
適当に遊んでみて下さい。
赤と青と緑のつまみがあって、それを動かしたら背景の色が変わりますよね(〃⌒▽⌒)

背景と一緒に右の方にある四角の枠内の文字も変わってることに気がつきましたか？
「#02f811」のように「#」が頭についている７桁の文字のことなんですが、
なんとこれが色を表す記号となっているのです。
とっても簡単でしょ(〃⌒▽⌒)

メモリを動かして好きな色を作ったら右上の四角の枠を見る！

たったそれだけであなたの好きな色を表す記号が完成するのですから（笑

さて、色を表す記号が完成したところで、実際に文字の色を変えてみましょう。
復習ですが、文字の大きさを変えるときは

でしたよね。
実は色も同じ「タグ」を使います。
記述方法は見てのとおり

ここの色が変わる

となっています。

簡単でしょ(〃⌒▽⌒)

更に理解を深めるために、下の例を見て下さい。

例）

テスト
テスト
テスト
テスト
テスト
テスト
テスト

表示結果）

テスト
テスト
テスト
テスト
テスト
テスト
テスト

記述の仕方はぜんぜん難しくないですよね。

さて、ここで終わりではありません。
一つだけ応用サンプルを載せておきましょう！

例）
応用例

表示結果）
応用例

もちろん組み合わせることもできるってサンプルでした(〃⌒▽⌒)

今日は少し長かったですが色の指定方法は分かりましたか？
指定する色を表す記号を作るのが少し難しいですが、指定自体は簡単ですよね。
わかりづらいことなどもしありましたら、気軽に相談くださいね。

明日の予定は「文字のスタイルをいろいろ変えてみよう」っぽいのを考えています。
またぜひ来てくださいねー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう