【ワードプレス】CSSで色を指定する方法

英語で色を指定する

色を英文から取得する方法で、コレが一番簡単&早い&後からコードが読みやすいのが特徴ですが、細かい色を指定する事ができません。ほぼ原色のみです。赤にしたければ『red』黄色にしたければ『yellow』みたいな感じで指定できます。

 

コードで色を指定する

コードから色を取得する方法で、非常に細かい色まで指定できます。カラーコード(#と6桁の英数字)で指定するのでコードを探してくる手間がかかります。更に見た目が文字の羅列なので、後からコードを見て何色か判別するのは困難です。

白にしたければ『#FFFFFF』黒にしたければ『#000000』

こんな具合で全ての色のコードは最初から決まっています。地球が誕生する以前から決まってます。こんなもんを全て頭に詰め込むのは不可能なので HTMLカラーコード表 から目的の色を探しコードを取得して貼り付けます。リンク先は別サイトなのでブックマークしておくと便利です。

 

記入方法

色が決まったら実際にCSSの命令文へ記入します『background:black;』の『black』の部分を色々かえると背景色が変わります。CSSについてまだ良く分かってない方は下の記事をどうぞ。

【ワードプレス】CSSとは?簡単にサイトを改造できる魔法の呪文

【ワードプレス】よく使うCSSコード一覧

 

コメントを残す

メールアドレスが公開されることはありません。