部分宽度边框

Question

如何生成不拉伸给定框宽度的边框？例如:

我是否必须使用具有不同宽度的单独HTML元素？或者我可以通过CSS完全实现这一点.

Answer 1

您始终可以使用CSS:after语句:

<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的一个例子