コツコツ*ワンダーコトン!
ちょこっと かわいいもの
みょうなもの 発見するの、すきであります!
<< November 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>
<< スコープNet | main | Webノウハウ + ir大学 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

- | URL | -
HTML+CSS vol.2 色をつける!
色をつける代表は、文字や背景色。
まずは 記事の文字ですが、次のタグです。
<font color=""></font>
例 <font color="#87ceeb">スカイブルー</font>
→ スカイブルー

カラーの指定は、#ではじまる 6桁の カラーコード。
他に、色の名前を 入れることもできます。
上の例では、#87ceeb の箇所に skyblue でもOK。

アンダーラインの 色の指定の例は
<font color="#87ceeb"><u>スカイブルー</u></font>

リンクの箇所の 色の指定の例は
<a href=""><font color="#87ceeb">スカイブルー</font></a>

タグセットは、他のタグセットを 包みます。
<font><u></u></font>は ○だけど
<font><u></font></u>は ×なのです。


CSS編集では、#コードを見つけて、他の色に変えてみましょう。

body { color : #87ceeb; } 全体の文字色
body { background-color : #ffffff; }  全体の背景色

a { color : hotpink; }  リンクの色
a:visited { color : skyblue; }  訪問済のリンクの色
a:hover { color : skyblue; }  カーソルを重ねた時のリンクの色

重要なのは、背景色と文字色の バランス、可読性。
うすい背景色には、濃いめの文字色。
黒の背景色には、白い文字、というような。
白い背景に、黄色の文字で書くと
あ、あぶり出し!? ってことに なりかねません。あぶり出し ねっ!

カラーコードは こちらのサイト →   ご参照下さい。

私は 「web配色事典*セーフカラー編」 愛用しています。
お気に入りの色を コード表にして、いつのまにか 覚えてしまってます。
色の組み合わせも 参考になります。
さらに 色について 知りたくなったら、フルカラー編

Web配色事典―セーフカラー編   Web配色事典―フルカラー編


次回から、tableタグ(表)について、書こうと思います。
ブログ編集 HTML+CSS | URL | comments(0)
スポンサーサイト
- | URL | -
コメント、ありがとうございます!
現在、コメント承認制を 取り入れています。
発見次第 すぐ公開にしますので、少々お待ち下さいませ。
宣伝や 不適切なコメントは ご遠慮下さい。
サックリ 削除しちゃいます。









Next | ↑PAGE TOP | Pre


【NDS】ニュー・スーパーマリオブラザーズ5月25日発売予定!
【NDS】ニュー・
スーパーマリオブラザーズ
5月25日発売予定!

Nintendo DS Lite
最安値は?
 →
   - Hit Ranking -
  アフィリエイト部門
 No.1 LinkShare
 No.2 アドリンク
 No.3 楽天アフィリエイト

   アンケート部門
 No.1 マクロミル
 No.2 mpack
 No.3 iMiネット

  メールポイント部門
 No.1 ECナビ
 No.2 ネットマイル
 No.3 だぶるくりっく


DVD&CDレンタル
月1980円 借り放題。
モバイルからも 予約できる DMM
1ヶ月無料キャンペーン中。




アフィリエイト系ブログ

お気に入りブログ

世界標準のブログソフトウェア「Movable Type」発売中
Movable Type 3.2
日本語版発売中!!