テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。

テーブルのhrタグに下線を引くためのスタイルシートですがうまくいきません。
なぜでしょうか？

<style="text/csss">
<!--

hr.kasen {
border-bottom-style: double;
}

-->
</style>

<table>
<tr class="kasen">
<td>あ</td>
</tr>
</table>

No.2 ベストアンサー 回答者： hehodzun 回答日時： 2009/07/28 13:37

hrはtrの間違いとして・・・

trにborderを付けても反映されないブラウザがあるはずです。
(何がダメで何がOKかは忘れましたが)
私は

tr.kasen td{
border-bottom-style: double;
}

としてます。
separateでセル間≠0の場合は切れ切れになってしまいますが。

No.3 回答者： k0021 回答日時： 2009/07/29 16:40

私の場合、tableを使用しないで全てcssの作成で、うまく表示しない場合は、tableで表示していますので、全て<td class="d2">で指定

.d2 {border-color:black;border-width:1px;}
<table style="border-collapse:collapse">は、必ず指定いますが

http://www5e.biglobe.ne.jp/~access_r/hp/css/css_ …
のテーブルを参照したら。
「border-collapse:collapse」で指定されていますか。

IE・Firefox・Ssfari・Google Chrome・Operaでは、<td class="d2">で全て対応していますが。
tableを使用しないで全てcssの作成の場合は、セルの結合が有る場合ブラウザでスタイルシート変更が必要のようですが

参考URL：http://www5e.biglobe.ne.jp/~access_r/hp/css/css_ …

No.1 回答者： grumpy_the_dwarf 回答日時： 2009/07/28 13:31

あなたの書いた表のどこにもhrは現れませんね。

trの間違いだと思
うので、styleの指定を hr.kasenからtr.kasenにしてください。

素直に.kasenだけにしとけば、hrでもtrでも適用されるので幸せ。