css - 高度な境界線スタイル - CSS または画像?

Question

透明度、ドロップ シャドウ、内側の破線の境界線を使用して、div の境界線をこのように見せようとしています。CSS/jQuery でこれを行う方法はありますか、それとも画像を使用した方がよいでしょうか?

Answer 1

HTMLを試す

<div id="rounded">    
    ​&lt;div id="yellow">
        <div id="dashed"></div>
    </div>
</div>​​​​​​​​​​​​​​​

とCSS

#rounded {
    background-color: gray;
    width: 400px;
    height: 400px;
    padding: 10px;
}
#yellow {
    background-color: #F7EFE2;
    height: 96%;
    padding: 10px;
}
#dashed {
    width: 100%;
    border: 1px dashed #E8C55F;
    height: 100%;
}

ここで実際の例を参照してください </p>

Answer 2

あなたは書くことができます

border-style:dashed;

さらに必要な場合は、これを確認してください

Answer 3

CSS3/HTML 5でも可能ですが、ボックスのサイズが固定されている場合は画像を使用します。CSS3 は最新のブラウザーでのみサポートされていますが、画像は古いブラウザーでもサポートされています。

これがポップアップの場合、問題が少し変わり、画像以外の方法でドロップ シャドウを作成する必要があります。