垂直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; 
}