我不明白为什么我的<hr>样式不起作用。基本上我只需要一条水平的黑线来分隔我的元素。水平线的HR标记不起作用

CSS

/* Horizontal Line */ 
.line_break { 
    width:1000px; 
    height: 5px; 
    float: left; 
    color: black; 
    padding-top: 3px; 
    background-color: rgba(255,255,255,.5); 
}

HTML

<!---Navigation Menu ______________________________________________--> 

    <div id="main_menu" class="wrapper_nav_box"> 
      <div class="nav_box"> 
       <a href="writing.html">WRITING</a> 
      </div> 
      <div class="nav_box"> 
       <a href="http://tumblr.com">BLOG</a> 
      </div> 
      <div class="nav_box"> 
       <a href="contact.html">CONTACT</a> 
      </div> 
    </div> 

    <hr class="line_break">

如果你放大，你会发现有一个在左边一个奇怪的边界。我尝试过与高度混战，但它永远不会改变。

来源

2013-03-23 Claire

你为什么用不同的标题问同样的问题两次？ http://stackoverflow.com/questions/15582599/border-line-is-missing – NewUser 2013-03-23 02:37:31

@Dibya - 它看起来略有不同。通过他的CSS粗略浏览显示了一些差异。 – BryanH 2013-03-23 02:44:13

为什么我们关心'div id = main_menu'？如果你把它拿出来，会发生什么？如果答案是“没有改变”，那么请将它从你的问题中删除，因为它是噪音。 – BryanH 2013-03-23 02:47:02

您可以对当前的CSS进行一些编辑。

CSS：

.line_break { 
    //width:1000px; 
    //height: 5px; 
    //float: left; 
    //color: black; 
    //padding-top: 3px; 
    //background-color: rgba(255,255,255,.5); 
    border: none; // remove default style 
    border-bottom: 3px solid black; //apply style 
}

例子：http://jsfiddle.net/PPYqx/

来源

2013-03-23 02:33:52 VKen

水平线的HR标记不起作用

CSS

HTML

回答

相关问题