버튼의 테두리가 내용 밖으로 몇 픽셀 떨어져 있도록 하려면 어떻게 해야 합니까?

Question

아래와 같은 테두리를 만들고 싶지만 CSS를 사용하여 이를 달성하는 방법을 잘 모르겠습니다. 누구든지 도와줄 수 있습니까?

현재 코드에는 이 스타일에 원하는 버튼이 포함되어 있습니다.

으아아아

윤곽선이 있는 테두리를 사용해 보았고, :before 이후에 테두리를 사용하여 작동시키려고 시도했지만 소용이 없었습니다.

Answer 1

귀하의 버튼을 정확히 일치시키지는 못했지만 어떻게 해야 하는지 아이디어를 주기에는 충분합니다.

흰색 부분에 테두리를 사용했어요. 그런 다음 바깥 쪽 얇은 선의 윤곽을 그립니다.

으아악 으아악