45

表示されて<hr>いない があります。

HTML:

<div id="line"><hr /></div>

CSS:

hr {
    border: 0;
    width: 96%;
    color: #FFFF00;
    height: 1px;
}


#line {
    float: left;
    width: 731px;
    height: 10px;
}

表示されない理由はありますか?

4

6 に答える 6

82

このコードを試してください:

hr {
  border: 0;
  clear:both;
  display:block;
  width: 96%;               
  background-color:#FFFF00;
  height: 1px;
}

JSFiddle リンクhttp://jsfiddle.net/EXXrB/

問題の解決に役立つことを願っています。

于 2012-09-28T12:26:08.680 に答える
3

border: 0;のcssルールから削除しますhr

デモ

于 2012-09-28T12:19:56.320 に答える
1
hr
{
border:solid 1px black;
width: 96%;
color: #FFFF00;
height: 1px;

}
于 2012-09-28T12:16:19.680 に答える
1

を使用する場合border:0px;は、設定height:1px;および設定background:#FFFF00;
(OR)
border:1px solid #FFFF00;およびheight:0px;

それはうまくいくかもしれません!

境界線の色に固執して水平線を表示するか、背景色を使用してください<HR> tag

于 2012-09-28T14:43:34.993 に答える
0

これを試して

hr {
border: 0;
clear:both;
display:block;
width: 96%;
color: #FFFF00;
height: 1px;
}
于 2012-09-28T12:15:36.170 に答える