[css] 테두리 모서리 둥글게 만들기

다음은 테두리 모서리를 둥글게 만드는 간단한 CSS 코드의 예시입니다.

.rounded-corner {
  border-radius: 10px;
}

이 코드는 rounded-corner 클래스를 가진 요소의 테두리 모서리를 10px의 원형으로 만듭니다. 숫자를 조절하여 더 크거나 작은 둥근 테두리를 만들 수 있습니다.

이 외에도, 다른 방법으로 border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius 속성을 사용하여 각 모서리별로 다른 반지름을 설정할 수도 있습니다.

더 많은 정보는 MDN 웹 문서를 참고하세요: border-radius - MDN