【CSS】ボックスの枠線をずらして二重線にする方法

10/23/2022

CSS

完成形はこちら。

See the Pen
Untitled by ゆーじろー (@yuji64)
on CodePen.

擬似要素を使ってずらした枠線を作ることができます。

あとz-indexで重なり順を指定しておかないと、テキストをクリックしたり選択することができなくなるので注意してください。