Html 部分宽度边框

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

---

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

您可以始终使用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>

部门人力资源类：之后{
高度：1px；
背景：#333；
宽度：25%；
显示：块；
保证金：0px自动；
内容：“”
}
福

---

---

补充：这里有一个例子，

你可以给每个部分div分配一个背景图像，并把它放在中间的底部。然后分隔符可以是你想要的和你想要的长度，就像你得到的铅笔线一样

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

---

对不起小猫们…

我认为这些特殊元素是

s及其

宽度设置。好的，我的问题是，我是否可以在不添加任何额外HTML元素的情况下实现此效果（
s或其他）您的浏览器要求/目标是什么？由于图像内容，这将被标记。你能不能用没有令人反感的语言来代替一些东西？完成了（尽管我觉得我只是在蒙娜丽莎的脸上乱涂了！）是的。这是上面的quirksmode页面：