<hr />没有显示

Question

我有<hr>没有显示。

HTML：

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

CSS：

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


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

为什么它没有显示的任何想法？

Answer 1

试试这段代码：

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

JSFiddle链接http://jsfiddle.net/EXXrB/

希望它能帮助您解决问题。

Answer 2

从border: 0;

的css规则中删除hr

Demo

Answer 3

获得最佳水平线的简单方法

. horizontalLine {  
    border: none; 
    border-bottom: 1px solid gainsboro;  
   }

Answer 4

试试这个

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

Answer 5

hr
{
border:solid 1px black;
width: 96%;
color: #FFFF00;
height: 1px;

}

Answer 6

如果您打算使用border:0px;，请设置height:1px;并设置background:#FFFF00;
（OR）
border:1px solid #FFFF00;和height:0px;

这可能会成功！

使用边框颜色显示水平线或使用背景颜色 <HR> tag