要素の境界線に沿って四角いノッチを切り抜くCSSコード？

私はタイルのインストールヘルプウェブサイトを作成していますと、ノッチこてに似ている要素の境界線のスタイルを設定したいと思います：要素の境界線に沿って四角いノッチを切り抜くCSSコード？

に指定した間隔で形状をトリミングすることが可能ですこの外観を達成する？このように私はこれまでに発見したことは、所望のパターンを得るために擬似要素を使用することです：

しかし、私はとの境界交互になるように他から1を減算します何かが必要不透明かつ透明である。

2017-11-08 Alex Ertl

これを行うことができます！実際にはかなり簡単ですが、私は読むことをお勧めしますThis w3schools page on borders

私はあなたが左と上の境界線がしっかりしていて、下部と右が点在している（あなたの背景と同じ色で）行うことができると信じています。私はこれが助けてくれることを願っています

2017-11-08 23:39:53

私は単色を使っていただけで動作しますが、イメージ上でイメージを作ろうとしています。私はPaint.netで四角形を切り取って.pngを作って、デモンストレーションしました：https://imgur.com/UBLnog0 –

@AlexErtlあなたの目標がもう少し詳しく説明できますか？ –

私はそれを私のナビゲーション用のコンテナとして使いたいので、私は可能な限り動的にしようとしています。私がimgurに投稿した画像は、拡大したいものを示しています。 –

答えて