<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

试试这个

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

Answer 3

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

} 

Answer 4

从CSS规则删除border: 0;为hr

Demo

Answer 5

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

这可能做的伎俩！

要么坚持与边框颜色显示水平线或与背景颜色去<HR> tag