垂直CSS分隔线颜色

Question

所以我看到这个http://cre8tivenerd.com/demos/css/Line-separator.html，并希望创建一个与“按下”效果的分频器。问题是，我不知道分配器颜色对我来说应该是什么，测试它并没有得到相同的效果。我的背景色是＃222222。任何人都可以帮助我，也许可以解释我如何“计算”我应该使用哪种颜色作为分隔线？

Answer 1

你可以很容易得到这样这样的效果：

<div class="vDivider"></div> 

CSS：

.vDivider { 
    width: 80%; 
    height: 1px; 
    margin: 10px auto; 
    background: #434343; 
    border-bottom: 1px solid black; 
} 

背景颜色和底部边框之间的反差产生这种效果。

这里是一个DEMO

Answer 2

它不会好看的＃222已经是太黑了。只有@ Dim13i建议的选项是使用黑色作为底色，但看起来并不明显。

如何让它变得更厚？

.line-separator { 
    background: none repeat scroll 0 0 #777; 
    border-bottom: 2px solid #000; 
    height: 2px; 
}