水平線(hrタグ)に色をつけてみる

ブログのカテゴリー表示が文字コード順になっているので、アルファベットのものが上に表示されて目立ってしまう。これらのカテゴリーを見てみると、内容が全く充実していない(というか放置のものが多い)。
今回は、そのような中の CSS ネタ。笑えるけど、役に立たないネタですけどsmile
素朴な疑問で、hr タグに色つきスタイルを使用できるのかやってみた。「そんなの出来たら変」と思いながらも
まず、普通に

と書けば、当然、色は付かない。

基本的に

とやるとOpera9 では色が付かない。

冗談で

とやってみた。すると、I.E.7 では、色が付くのだ。I.E. で見ている人は、下の水平線に色が付いているはず。
面白いのは、FireFox2、Opera9 では色が付かない。(Mac を持っていないので、Safari での表示は確かめていません。)

他のブラウザでも色を付けたいと思い

)。 noshade style=”color : red; background-color : red;”>

これでほとんどのブラウザで色が付くはず。でも、FireFox2 での表示がちょっとおかしい(影の色が混じる)。そこで、

color=”red” style=”color : red;background-color : red;”> としつこくやったら、三つのブラウザでは思った通りに表示された。

本文と水平線の表示が一致しないかもしれませんが、これを使ったのは、こちらのページです。確かめてみてください。
ややこしい話になりましたが、役には立たないと思いますcoldsweats01