0. 빠른 시작
테두리 반경:50px;
1. border-radius 상세설명
테두리 반경:50px;
오른쪽 상단, 왼쪽 하단, 가로, 세로 거리는 50px입니다
테두리 반경:50%;
여기서 % 기호는 적용된 CSS 스타일 요소의 기본 길이와 너비입니다.
테두리 반경:50% 30% ;
위와 아래, 가로와 세로가 약 50%, 가로와 세로가 30%
테두리 반경:50% 30% 10%;
위, 가로, 세로 50%, 왼쪽, 오른쪽, 가로, 세로 30%, 아래, 가로, 세로 10%
테두리 반경:10% 50% 30% 10%;
위, 가로, 세로 모두 10%입니다. 오른쪽, 가로, 세로 모두 50%입니다. 아래, 가로, 세로 모두 30%입니다. 왼쪽, 가로, 세로 모두 10%
/앞은 가로, 뒤는 세로
테두리 반경:50% / 30% ;
위, 왼쪽, 아래, 오른쪽, 가로 50%, 세로 30%
테두리 반경:50% / 30% 10%;
상단, 오른쪽, 하단 및 왼쪽, 가로 50%, 세로, 왼쪽 및 오른쪽 30%, 세로 10%
나머지 규칙은 사용하기 전에 예시를 제시하였으므로 하나씩 설명하지는 않겠습니다
2. 개별 설정
테두리-왼쪽 상단-반경:10%;
테두리-왼쪽 상단-반경:10% 30%;
아래가 위, 오른쪽이 왼쪽에 해당