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

完成形はこちら。

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

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

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

関連記事:

CSSで背景を透過させる方法について ブロックを中央寄せにしてテキストだけ左寄せにする方法 【CSS】ボタンの中にあるテキストを2行にする方法 【CSS】PCとスマホ両方の端末で背景を固定にする方法