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

背景色と下の境界線のコントラストがこの効果を生み出します。

ここにデモがあります

Answer 2

＃222はすでに暗すぎるため、見栄えがよくありません。@ Dim13iが提案した唯一のオプションは、下部の色として黒を使用することですが、はっきりとは見えません。

もう少し厚くしてみませんか？

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