CSS ボックス 角が欠けた 四角 ボーダー 背景透過

Question

この緑のボーダーのようなものをCSSで作る方法を教えて頂けませんでしょうか

Comments

[退会済みユーザー]

貼られている画像は下記のページから持ってきたものだと思われますが、
https://www.penseur.co.jp/blog/penseur/557/
ここに書かれているコード（背景が単色の場合の対応）ではだめだということですか？
条件や試してみて上手く行かなかったコード等があれば書いていただけますか？

[beer]

はい、そちらのページのコードのは背景が透過でなく背景が単色ですよね。質問の画像は背景が透過になっているのがご確認いただけるかと思います。背景が透過のものついてはそちらのページでも「>この方法では対応がほぼ出来ないので絶賛方法募集中。」とあり、難しいようなのでteratialで質問しました。

Answer 1

SVGなどで作成するのが妥当です

Comments

[yambejp]

具体的な回答が必要ならどんなHTML要素にどう修飾したいか提示ください

[beer]

SVGですかねやはり。検討してみます。ありがとうございます。