更换和居中线分割器

Question

我有一个行分隔符，我希望它位于页面的绝对中心并点缀，但这就是我找到的所有内容：http://jsfiddle.net/gtKBs/1133/

我不知道如何使用任何形式的编码将直线更改为虚线，所以我就在这里。

.divider {
    position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid grey;
}

Answer 1

使用dotted border style：

border-left: 1px dotted grey;

请参阅此 W3C wiki 页面以了解更多边框样式：http://www.w3.org/wiki/CSS/Properties/border-left-style#Values

DEMO： http://jsfiddle.net/gtKBs/1134/

Answer 2

更改：

border-left:1px solid grey;

为：

border-left:1px dotted grey;

Fiddle