HTML境界クエリー

Question

私はdivをいくつかのテキストが含まれ、divは背景色を持っています。私はdivの周りの境界線が欲しいですが、それはすべての側にdivと国境の間に白の1pxがあるようにしたいと思います。これは可能ですか？

私はborder：3px double＃000を使用しようとしました。残念ながら、これは望ましい効果を持っていませんでした。境界線はdiv内で終わり、2つの境界線の間のスペースはdivの背景と同じ色でした。

私は私の質問をはっきりと説明してくれることを願っています。助けを前にありがとう。あなたが唯一の近代的なブラウザをサポートする必要がある場合

Answer 1

これは、CSS3のボックスシャドウプロパティを使用し、スプレッドとブラーを低い値に設定することで実現できます。それをチェックしてくださいhttp://www.sitepoint.com/css3-multiple-borders/

Answer 2

あなたはCSS3を使用して、画像や固体の色と同じ要素に複数の境界線を定義し、それ以外のスタイリングすることができます後か：pseudoelements前：

は
http://tnels.com/2010/09/13/multiple-borders-in-css3/
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/を見ます

Answer 3

divをアンサーの中にラップするのはどうですかdiv？以下のような何か...

<div style='background-color: white; padding: 1px; border: 1px solid black;'> 
    <div style='background-color: yellow;'>my text stuff goes here</div> 
</div> 

Answer 4

私はCSS3の技術と一緒に行くお勧めしますが、あなたは、このようなIE8/7月6日などの古いブラウザをサポートしなければならないのならば、ちょうど別の要素に巻き付けdiv要素を持っていると思います。

.box {border:1px solid red;} 
.box > div {padding:2px;} 

<div class="box"> 
    <div>Hello</div> 
</div>