Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS3 둥근 모서리

<시간/>

CSS3 둥근 모서리는 border-radius 속성을 사용하여 본문이나 텍스트에 특수 색상 모서리를 추가하는 데 사용됩니다.

둥근 모서리의 간단한 구문은 다음과 같습니다 -

#rcorners {
   border-radius: 60px/15px;
   background: #FF0000;
   padding: 20px;
   width: 200px;
   height: 150px;
}

다음 표는 다음과 같이 둥근 모서리에 대해 가능한 값을 보여줍니다.


설명
테두리 반경

이 요소를 사용하여 네 개의 테두리 반경 속성을 설정합니다.
테두리-상단-왼쪽-반경

왼쪽 상단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다.
테두리-상단-오른쪽-반경

오른쪽 상단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다.
테두리-하단-오른쪽-반경

오른쪽 하단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다.
테두리-하단-왼쪽-반경

왼쪽 하단 모서리의 테두리를 설정하는 데 이 요소를 사용합니다.