チカッパレンタルサーバー

文字色の背景を変えてみる

たとえば、ブログなどを制作していると、文字を太字にしてみたくなったり、文字を斜体にしてみたくなったりすることがよくあると思います。
これらの文字装飾を効果的に使うことで、より読みやすい記事がかけたりしますよね。
今日はちょこっとだけそんな方法のご紹介をします。

ブログ様々なブログを読んでいて、蛍光ペンのような装飾を見たことはないでしょうか。
こんな奴です。

これはCSS（スタイルシート）にちょっとした文字列を加えるだけで実現可能になります。
僕は高校生のとき、教科書を蛍光ペンで色分けするのが大好きな人でしたが、これをブログに応用することで、格段に記事が読みやすくなると思います。

■span属性の文字列の背景を黄色く　かつ　太くするスタイルシート

span {
background-color: #FFFF00;
font-weight: bold;
}

この文字列をまんまスタイルシートに貼り付けてください。あとは黄色マーカーを引きたい文字列をspanタグでくくるだけです。（ブログなんかの場合は、ブログのスタイルシートが編集できる場所があると思います。）
文字がぽこっと浮き出て見えるので一部を強調させたいときや、アフィリエイトブログなんかに効果的だと思います。
もちろん、これを応用すればspan属性の部分だけ文字の大きさを変えてみたり、アンダーラインを引いてみたりいろいろできると思います。ちなみに、このspan属性、現段階ではSEOには全く影響がないそうです。
今回はどちらかというとスタイルシートのお話でした。
スタイルシートを使うことで、ホームページのデザインがラクになります。
もし興味がある方はスタイルシートに関するwebはたくさんありますので、そちらのサイトなんかを参考になさってみてください。