我不明白爲什麼我的<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

回答

相關問題