タイトルカラーを赤字に変更

覚え書

金庸先生がタイトルを赤字にしたいと言う思いが見えたためちょこっとCSSをいじってみました。


エントリーはindexを見てみたら「content」になっていました。タイトル部分は「h3」と表記されていたためCSSで探すと「.content h3」を発見。色指定されていたので赤字に変更してみました。
これでベースカラーは赤になるので別の色にしたい場合は個別指定すれば大丈夫かな。

.content h3 {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

上記部分の色指定を下記に変更

.content h3 {
color: #ff0000;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

<補足>
ちなみにCSSで指定した場合、タイトルは赤字になりますが、サイドにある最近の投稿などは別のCSSが繁栄されているため通常のリンクカラーで表記されるみたいです。というかタイトルにタグ打てるの知らなかった・・・勉強になりました。
参考までに上記の言語の意味はこんな感じです。(daisukeは素人さんなので多分こうだろうって程度です)
color: #ff0000;
・・・色指定です。この場合赤が指定されています。
font-family: Verdana, Arial, sans-serif;・・・フォント指定です。この辺はベターな組み合わせなんでしょうね。良く見ます。(参考)
font-size: small;・・・字のザイズです。ピクセルとかでも表記できるみたい。
text-align: left;・・・文字の開始場所かな。この場合なら左詰めってかんじで。
font-weight: bold;・・・文字の太さです。何種類かあるそうですがboldがメジャーですかね
margin-bottom: 10px;・・・文字の四方にどれだけ余白を取るかです。この場合bottom(下方)だけが指定されているので下方に10pxの余白を取れって意味です
分からない単語はそのままぐぐったら出てくるのでその辺を読んでいくとより勉強できますね^^

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

関連記事一覧