我可以用CSS中心边框

我试图用CSS水平放置虚线.目前来看,底下有一种方法可以用-5px或者什么来抵消吗？

HTML

<div class="divider"></div>

CSS

.divider {
    background: aqua url("styles/images/divider-stars.png") no-repeat center 0;
    height:30px;
    padding-bottom: 10px;
    width: 100%;
    margin: 20px auto;
    float: left;
    border-bottom: 2px dotted #b38b0d;
    }

解决方法

没有.但是您可以创建另一个具有边框的元素,并在.divider中移动它

HTML

<div class="divider">
    <div class="inner"></div>
</div>

CSS

.inner {
 margin-top:19px;
 border-bottom: 2px dotted #b38b0d;   
}

演示：http://jsfiddle.net/5xMG7/

原文地址：https://www.jb51.cc/css/213982.html