如何创建垂直线

我试图确定是否有用于创建阴影垂直线在这个例子中的CSS方法阴影efffect如何创建垂直线

enter image description here

在'箱shadow'看看 http://www.css3.info/preview/box-shadow/ –

是的，你可以使用的box-shadow用CSS做到这一点。使用2个div或伪元素。 – crazyrohila

这样做的最常见方法是将一个元素（如浮动的li）的右边框设为浅色，并将下一个元素的左边框设为黑色边框。 – j08691

只需使用box-shadow并使用它来获得最好的结果您。

.line { 
    border-left: 2px solid black; 
    height: 100px; 
    display: inline-block; 
    box-shadow: 2px 0px 2px #888; 
}

2013-04-15 17:36:30 tiagojpdias

您可以使用箱阴影此

box-shadow: 1px 0px 0 blue, 2px 0px 0 red;

这将在元素的右侧创建2号线一会红的另外一个蓝色

但请记住，这不是suppo在IE8和更低，所以我会建议使用其中一个行的CSS边界。

使用边框和箱阴影：

box-shadow: 1px 0px 0 red; border-right: 1px solid blue;

2013-04-15 17:34:09 Jochem261

回答