【初心者】CSSで赤い帯状のラインを表現できますか

<table width="100%">
<td width="100%" height="15" bgcolor="#cc0000"></td>
</table>

これをCSSで表現できますか？
初歩的な質問でもうしわけございませんが
よろしくお願いいたします。

No.1 ベストアンサー 回答者： STICKY2006 回答日時： 2008/06/16 20:30

CSS

#red_line{
width:100%;
height:15px;
background:#cc0000;
}

HTML

<div id ="red_line"></div>


こんな感じですかね？
試してないのですいませんが。

この回答へのお礼

解決しました。ありがとうございました。

お礼日時：2008/06/16 23:27

No.4 回答者： grumpy_the_dwarf 回答日時： 2008/06/16 21:17

私ならシンプルに<hr class="red_line">にして、背景色や高さをCSSで

指定しますね。

.red_line {
height: 15px;
background-color: #CC0000;
border-style: none;
}

「空っぽのブロックがあるよ」よりも「横線があるよ」の方が、論理的に
美しいと思うので。

この回答へのお礼

文字を入れない場合はこれですね。勉強になりました。ありがとうございました。

お礼日時：2008/06/16 23:27

No.3 回答者： torayoshi 回答日時： 2008/06/16 21:05

<hr>＋CSSで。

<hr style="background-color: #cc0000; color: #cc0000; height: 15px; border: none;">

No.2 回答者： snowize 回答日時： 2008/06/16 20:39

#1さんに補足するならば、

width:100% → デフォ値につき不要
background → 不慣れなうちはbackground-colorと正確にした方が吉

これでDIVの中に文字入れたら同じ感じになるはずです。