다음과 같이 CSS를 수정하여 두 개의 테두리가 있는 원을 만들 수 있습니다.

div {
  width: 20em;
  height: 20em;
  border-radius: 50%;
  background-color: red;
  border: 4px solid #fff;
  box-shadow: 0 0 0 5px red;
}

이 CSS는 box-shadow 속성을 사용하여 두 번째 테두리를 추가합니다. 이 속성은 원 주위에 5px 너비의 빨간색 그림자를 만들어 두 번째 테두리의 환상을 효과적으로 만듭니다. 두 번째 테두리의 색상은 box-shadow 속성의 빨간색 값에 의해 결정됩니다.

제공된 CSS는 컨테이너 크기의 변화에 ​​유연하게 반응하는 두 개의 별도 테두리가 있는 원을 생성하여 원하는 효과를 얻습니다.