CSS3 둥근 모서리는 border-radius 속성을 사용하여 본문이나 텍스트에 특수 색상 모서리를 추가하는 데 사용됩니다.
둥근 모서리의 간단한 구문은 다음과 같습니다 -
#rcorners { border-radius: 60px/15px; background: #FF0000; padding: 20px; width: 200px; height: 150px; }
다음 표는 다음과 같이 둥근 모서리에 대해 가능한 값을 보여줍니다.
값 | 설명 |
---|---|
테두리 반경 | 이 요소를 사용하여 네 개의 테두리 반경 속성을 설정합니다. |
테두리-상단-왼쪽-반경 | 왼쪽 상단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다. |
테두리-상단-오른쪽-반경 | 오른쪽 상단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다. |
테두리-하단-오른쪽-반경 | 오른쪽 하단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다. |
테두리-하단-왼쪽-반경 | 왼쪽 하단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다. |