我该如何创建不会延伸整个给定盒子宽度的边框呢?比如:
我是否需要使用具有不同宽度的单独HTML元素?还是可以完全通过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上的示例。
#content {
background: transparent url('http://placekitten.com/200/10') no-repeat bottom center;
}
抱歉,关于小猫的问题...
<hr />
。 - Ry-<hr>
或其他)的情况下实现这种效果。 - Tom Lehman