部分寬度邊框

如何生成不延伸給定框的整個寬度的邊框？例如： -部分寬度邊框

enter image description here

我必須使用一個單獨的HTML元素具有不同的寬度是多少？或者我可以通過CSS完全實現這一點。

來源

2011-05-21 Tom Lehman

我認爲這些特定元素是''

s的他們'width'設置。 – Ryan 2011-05-21 02:47:43

對，我的問題是我是否可以在不添加任何額外的HTML元素（'

's或其他） – 2011-05-21 02:54:23

您可以實現這種效果您的瀏覽器要求/目標是什麼？ – matchew 2011-05-21 02:54:47

您可以隨時使用一個CSS：語句後：

<style> 
div.hr-like:after { 
    height:1px; 
    background:#333; 
    width:25%; 
    display:block; 
    margin:0px auto; 
    content:"" 
} 
</style> 

<div class="hr-like"> 
    foo 
</div>

補充：這裏是在jsfiddle

來源

2011-05-21 03:04:09

不錯。這將適用於除IE6和IE7以外的所有內容，是的？ – 2011-05-21 03:24:45

是的。這裏是它的quirksmode頁面：http://www.quirksmode.org/css/beforeafter_content.html – 2011-05-21 03:55:40

爲例，用戶可以背景圖像分配給每個部分的div並把它沿底部在中間。然後，分隔符可以是你想要的，你想要多久，就像你到達那裏的鉛筆線。

#content { 
    background: transparent url('http://placekitten.com/200/10') no-repeat bottom center; 
}

對不起，小貓...

來源

2011-05-21 03:10:40 igneosaur

部分寬度邊框

回答

相關問題