border-radius 속성을 사용하는 방법
- 青灯夜游원래의
- 2019-01-30 13:09:165653검색
border-radius 속성은 둥근 모서리를 만드는 데 사용됩니다. 사용법 구문은 "border-radius: 1-4 length|%;"입니다. border-radius는 최대 4개까지 지정할 수 있는 값입니다. "border -* - 반지름의 복합 속성" 속성입니다.
이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, HTML5&&CSS3 버전.
CSS3 테두리 반경 속성
기능: border-radius 이 속성은 둥근 모서리를 만드는 데 사용됩니다.
설명: border-radius 속성은 최대 4개의 테두리 -*- 반경 속성을 지정할 수 있는 복합 속성입니다.
기본 구문:
border-radius: 1-4 length|% ;
참고: 각각에 대한 4개 값의 순서 반경은 왼쪽 위 모서리, 오른쪽 위 모서리, 오른쪽 아래 모서리, 왼쪽 아래 모서리입니다. 왼쪽 아래 모서리를 생략하면 오른쪽 위 모서리도 동일합니다. 오른쪽 아래 모서리를 생략하면 왼쪽 위 모서리도 동일합니다. 오른쪽 위 모서리가 생략되면 왼쪽 위 모서리도 동일합니다.
css3 border-radius 속성 사용 예
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
margin: 100px auto;
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>렌더링:
#🎜 🎜 #
위 내용은 border-radius 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：nav-up 속성을 사용하는 방법다음 기사：nav-up 속성을 사용하는 방법