CSS 둥근 모서리 테두리 생성기는 CSS 테두리 반경을 생성하는 도구를 제공하며, 네 방향의 모서리 값을 입력하여 효과를 확인하고 CSS 코드를 생성할 수 있습니다.
| 속성 | 설명 |
|---|---|
| border-radius | 요소 테두리 반경을 정의합니다. |
| border-top-left-radius | 왼쪽 위 모서리의 반경을 정의합니다. |
| border-top-right-radius | 오른쪽 위 모서리의 반경을 정의합니다. |
| border-bottom-right-radius | 오른쪽 아래 모서리의 반경을 정의합니다. |
| border-bottom-left-radius | 왼쪽 아래 모서리의 반경을 정의합니다. |
우리의 도구는 첫 번째 형식을 사용하며, 이는 다른 문법의 축약형입니다. 예:
border-radius: 10px 10px 10px 10px; 첫 번째 값은 왼쪽 위 모서리에 적용되고, 두 번째 값은 오른쪽 위 모서리에, 세 번째 값은 오른쪽 아래 모서리에, 네 번째 값은 왼쪽 아래 모서리에 적용됩니다.