Skip to main content
DevTools24

Border Radius 생성기

시각적으로 CSS border radius 값을 만듭니다. 개별 제어를 위해 모서리를 연결하거나 연결 해제합니다.

border-radius: 16px;
Top Left
16px
Top Right
16px
Bottom Left
16px
Bottom Right
16px

CSS border-radius 속성 - 기술 세부 정보

border-radius 속성은 요소의 외부 테두리 가장자리의 모서리를 둥글게 만듭니다. 모든 모서리에 대해 하나의 반경을 지정하거나 장 속성을 사용하여 각 모서리에 대해 다른 값을 지정할 수 있습니다.

명령줄 대안

.card {\n  border-radius: 16px 16px 8px 8px;\n}\n\n.blob {\n  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n}

참조

공식 사양 보기