[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