文字の色を変更します | 0から始めるお小遣い錬金術。

文字の色を変更します

 さて、「背景画像を好きに変更します 」でも、書いたように文字の変更について書いておきます。背景を白っぽくしても、文字が黒のままでは無意味なので、文字の色くらいは変えれないと今後困ります。


 どの文字も、色を変えるにしても、大きさをかえるにしても、CSSを変更変更することによってなすことができます。


 次のような手順をいけばいいです。

 ・対象の文字を表現しているCSSの部分を見つける

 ・タイトルの文字は、「CSSのfront-information」いあります。

  具体的には、#header h1が、タイトルを表し、#header h2がサイト説明文を現しています。

 

/* ----------------------- font-information ----------------------- */
body{ *** }
.list{  *** }
#header h1 a{
color: #4C4673;
font-size: 25px;
font-weight: bold;
line-height: 1.15;
}
#header h2{  *** }

  そして、colorは色を表し、font-sizeが大きさを表します。

  カラーの選択は、お絵かきソフトの色選択の機能などを使って、適当に選び出して、そのときのRGB値を16進数表示を、コピーしてやれば簡単です。

  #FFFFFFは、全部の色成分が最大となり白を作り、#000000は全ての色成分を入れないので、黒となります。



人気blogランキングへクリック