用css在每個div下面行

我想在容器中的每個div下面顯示一行。而不是每次使用<hr>標記，我們有選擇使用css來處理這個問題嗎？用css在每個div下面行

HTML代碼

<div id="LinksContainer"> 
    <div><a href="#" target="_blank">Forum1</a></div> 
    <hr/> 
    <div><a href="#" target="_blank">Forum2</a></div> 
    <hr/> 
    <div><a href="#" target="_blank">Forum3</a></div> 
    <hr/> 
    <div><a href="#" target="_blank">Forum4</a></div> 
    <hr/> 
</div>

CSS代碼

#LinksContainer hr 
{ 
    border: none; 
    height: 1px; 
    color: #ccc; 
    background-color: #ccc; 
    text-align: left; 
    width: 85%; 
}

來源

2014-07-16 Kurkula

'邊境bottom' ？ – j08691

http://stackoverflow.com/questions/16705620/horizontal-rule-between-divs – ForgetfulFellow

這裏是一個使用'border-bottom'的小提琴，以防萬一：http://jsfiddle.net/tEdXL/ –

您可以添加CSS屬性border-bottom: 1px solid grey;例如

這裏是一個語法：

border-bottom: [border-width || border-style || border-color] | inherit

來源

2014-07-16 19:26:48 user3127896

用css在每個div下面行

回答

相關問題