CSS를 사용하여 사각형을 원으로 바꾸는 방법

사각형을 원으로 바꾸는 Css 방법: [border-radius:150px]와 같은 border-radius 속성을 사용할 수 있습니다. border-radius 속성을 사용하면 요소에 둥근 테두리를 추가할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3, 이 문서는 모든 브랜드의 컴퓨터에 적용됩니다.

속성 소개:

border-radius 속성은 최대 4개의 테두리 -*- 반경 속성을 지정할 수 있는 복합 속성입니다. 이 속성을 사용하면 요소에 둥근 테두리를 추가할 수 있습니다.

(학습 영상 공유: css 영상 튜토리얼)

문법:

border-radius: 1-4 length|% / 1-4 length|%;

코드 구현:

새 html 파일을 생성하고 body 태그에 div 태그를 입력하고 클래스 이름(상자)을 div 태그, 그림과 같이:

클래스 이름(상자)에 CSS 속성을 추가하여 그림과 같이 정사각형으로 만듭니다.

CSS 속성을 추가합니다. 코드: border-radius:150px, 그림에 표시된 대로:

웹 페이지를 실행하면 그림과 같이 사각형이 원으로 바뀌는 것을 볼 수 있습니다.

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS를 사용하여 사각형을 원으로 바꾸는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!