css - CSSでダブルボーダーを作成することは可能ですか?

Question

CSS に依存して、上部に二重枠、下部に二重枠があるナビゲーション メニュー バーの二重枠を作成しようとしています。また、埋め込みの外観を作成するために、2 つの線に 1px の影を付けたいと思います。

CSSを使用してこれを行うにはどうすればよいですか?

Answer 1

:afterこれにはプロパティを使用できます。次のように書きます。

CSS

div{
    height:30px;
    position:relative;
    border-top:1px solid green;
    border-bottom:1px solid green;
    margin:10px;
}
div:after{
    content:'';
    position:absolute;
    top:-3px;
    bottom:-3px;
    left:0;
    right:0;
    border-top:1px solid green;
    border-bottom:1px solid green;
}

HTML

<div></div>

これをチェックしてくださいhttp://jsfiddle.net/ECFBR/8/

Answer 2

どうしたの？

border-top: 3px #000 double;
border-bottom: 3px #000 double;