コンテンツの外側に数ピクセル浮くようにボタンの境界線を作成するにはどうすればよいですか?

Question

下のような境界線を作成したいのですが、CSS を使用してこれを実現する方法がわかりません。誰か助けてくれませんか?

現在のコードには、このスタイルが必要なボタンが含まれています。

リーリー

アウトライン付きの境界線を使用してみたり、:before の後に境界線を使用して機能させてみたりしましたが、無駄でした。

Answer 1

あなたのボタンに完全に一致するものはありませんが、その方法を理解するには十分です。

白い部分に枠線を使います。次に、外側の細い線の輪郭を描きます。

リーリー リーリー