部分宽度边框

如何生成不延伸给定框的整个宽度的边框？例如： -部分宽度边框

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

部分宽度边框

回答

相关问题