CSS3 둥근 테두리 사용 - Escape Tornado

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%;

아래가 위, 오른쪽이 왼쪽에 해당