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