Question

我正在尝试确定是否有用于创建阴影垂直线的css方法，如本示例所示

enter image description here

Answer 1

只需使用box-shadow并使用它即可为您获得最佳效果。

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

Answer 2

您可以使用框阴影

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

这将在元素的右侧创建2行，其中一行为红色，另一行为蓝色

但请记住，这在IE8及更低版本中不受支持，所以我建议在其中一行使用css边框。

使用边框和方框阴影：

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