2013-07-12 8 views
13

私はあなたが知っているようにCSSインセットボーダーの2つの色を制御しますか?

にはめ込み枠の2つの色を変更する方法はありますかどうかを確認しようとしている、インセットスタイルがあることは、それが組み込みを持っていること錯覚を作成する要素の境界線を作成し、境界。下枠と右枠を選択した色にすることでこれを実現し、上端と左端の色を少し濃い色に変更します。

誰かが、暗い色や多分異なる色を制御できる方法を知っていますか?

#myElement{ 
    border: inset 1px white; 
} 

ありがとうございます。

+1

この質問はとても愚かで、私はちょうどこれを読んで修正を実現しました。私はこれを残しておきます、他の誰かがこれを達成しようとしている場合に備えて。 –

+1

ボーダーを手動で作成するだけで済みます。 'border-left:1px solid #somecolour;'と、右、上、下で同じです。インセットエフェクトを再現する方法がわからない場合は、インセットされたボーダーのスクリーンショットを撮り、同じ色を使用してください。そこから移動してください。 – Ariane

+0

ええ、そうです。私が自分の質問を読んでいたとき、それが私のところに来たので、自分の質問に答えました。脳のおならがあった。 –

答えて

13

は、私はあなたがそれを私が述べた方法を制御することができるとは思わないが、確かに、あなたは、各境界線の個々の色を制御することができます

#myElement{ 
    border-style: solid; 
    border-width: 1px; 
    border-top-color: black; 
    border-left-color: black; 
    border-right-color: white; 
    border-bottom-color: white; 
} 
+4

確かに。私たちは皆、私たちの愚かさのエピソードを持っているので、自分自身に答える時間を取るために+1して、私たち自身が明らかな解決策を常に見つけることはできません。 – Ariane

1

あなたは、すべての側面に同じ色を使用したい場合私が使用してうまく働いた、これを試してみてください。

border-style: solid inset solid solid; 
関連する問題