CSS3 둥근 모서리

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

둥근 모서리에 대한 간단한 구문은 다음과 같습니다. −

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

아래 표는 다음과 같이 둥근 모서리에 사용할 수 있는 값을 보여줍니다. 국경 -radius

border-top-left-radius

이 요소를 사용하여 네 가지 테두리 반경 속성을 설정하세요
이 요소를 사용하여 왼쪽 위 모서리에 테두리를 설정하세요	border-top-right -radius
이 요소를 사용하여 오른쪽 상단 모서리에 테두리를 설정하세요	border-bottom-right-radius
사용 이 요소는 오른쪽 하단 모서리에 테두리를 설정합니다	border -bottom-left-radius
이 요소를 사용하여 왼쪽 하단 모서리의 테두리를 설정합니다

위 내용은 CSS3 둥근 모서리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!