CSS3는 둥근 모서리

CSS3는 메이커 둥근

브라우저 지원

표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.

-webkit- 또는 -moz- 이전 수치는 접두사의 첫 번째 버전에 대한 지원을 표명했다.

CSS3 국경 반경 속성

당신이 어떤 요소를 만들 수 있습니다 CSS3 국경 반경 속성을 사용합니다 "코너를."

다음 세 가지 예 :

1. 둥근 요소의 배경색을 지정

필렛!

2. 경계 요소 필렛을 지정합니다 :

필렛!

3. 배경 이미지 요소 필렛을 지정합니다 :

필렛!

다음과 같이 코드입니다 :

CSS3의 border-radius는 - 각 등심을 지정

당신이 국경 반경 속성에 하나의 값을 지정하면, 다음 네 개의 필렛을 생성합니다.

당신이 네 모서리에서 열한 지정하려는 경우, 당신은 다음과 같은 규칙을 사용할 수 있습니다 :

• 네 개의 값 : 상단 첫 번째 값의 왼쪽 모서리와 두 번째 값은 오른쪽 상단 모서리가 오른쪽 하단 모서리가 세 번째입니다, 제 4의 왼쪽 하단입니다.
• 세 가지 값 : 상단 첫 번째 값의 왼쪽 모서리와 두 번째 값은 오른쪽 상단과 왼쪽 하단, 세 번째 값의 오른쪽 하단 모서리입니다
• 두 값 : 첫 번째는 왼쪽 상단과 오른쪽 하단이고, 두 번째는 오른쪽 상단과 왼쪽 하단 모서리입니다
• 값 : 같은 네 개의 둥근 값

다음 세 가지 예 :

1. 네 개의 값 - 경계 - 반경 : 15 픽셀 50 픽셀 30 픽셀 5px :

2. 세 개의 값 - 경계 - 반경 : 15 픽셀 50 픽셀 30 픽셀 :

3. 두 값 - 경계 - 반경 : 15 픽셀 50 픽셀 :

다음은 소스 코드 :

또한 타원형 코너를 만들 수 있습니다 :

CSS3 모서리 속성을 반올림