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

質問

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

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

回答No.1

STICKY2006 · ベストアンサー

CSS

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

HTML

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

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

お礼

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

回答No.4

grumpy_the_dwarf

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

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

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

お礼

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

回答No.3

torayoshi

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

回答No.2

snowize

#1さんに補足するならば、
width:100% → デフォ値につき不要
background → 不慣れなうちはbackground-colorと正確にした方が吉

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