html -
不显示

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;
}

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

score 82 · Accepted Answer

试试这个代码：

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

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

score 3 · Accepted Answer

3

border: 0;从 css 规则中删除hr

于 2012-09-28T12:19:56.320 回答

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

1

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

}

于 2012-09-28T12:16:19.680 回答

score 1 · Accepted Answer

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

这可能会奏效！

要么坚持使用边框颜色以显示水平线，要么使用背景颜色<HR> tag

score 0 · Accepted Answer

0

试试这个

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

于 2012-09-28T12:15:36.170 回答

6 回答 6