スクリーンショットの例を次に示します。
コンテナの周囲の境界線に注意してください。Webサイトでこの効果を実現するにはどうすればよいですか?
私は次のルールを試しました:
border: 1px dotted black;
そして、その結果は次のようになります。
ドットのサイズはborder-widthによって制御されます-試してくださいborder: 4px dotted #ccc;
これはCSS3の新機能であるため、完全にクロスブラウザに準拠しているわけではありません。あなたはここでそれについてもっと読むことができます:http ://www.css3.info/preview/border-image/
これを行うためのよりカスタムな方法は、2つのオーバーラップするdivを使用することです。この場合、サイズまたはパディングを使用して、一方が他方よりわずかに大きくなります。