0

スクリーンショットの例を次に示します。

ここに画像の説明を入力してください

コンテナの周囲の境界線に注意してください。Webサイトでこの効果を実現するにはどうすればよいですか?

私は次のルールを試しました:

border: 1px dotted black;

そして、その結果は次のようになります。

ここに画像の説明を入力してください

4

4 に答える 4

6

試してみてくださいdashed

border: 1px dashed #ccc;

例。

于 2012-05-14T18:46:24.803 に答える
2

ドットのサイズはborder-widthによって制御されます-試してくださいborder: 4px dotted #ccc;

于 2012-05-14T19:00:00.710 に答える
2

これはCSS3の新機能であるため、完全にクロスブラウザに準拠しているわけではありません。あなたはここでそれについてもっと読むことができます:http ://www.css3.info/preview/border-image/

これを行うためのよりカスタムな方法は、2つのオーバーラップするdivを使用することです。この場合、サイズまたはパディングを使用して、一方が他方よりわずかに大きくなります。

于 2012-05-14T18:45:15.523 に答える
0

テキスト上でに設定margin-topし、0.5emborderdashed

この例を参照してください

完全なレイアウトについては、次のようなものを試してください

于 2012-05-14T18:51:32.213 に答える