我可以用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/

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效