>  기사  >  웹 프론트엔드  >  부트스트랩을 사용하여 div를 원으로 바꾸는 방법

부트스트랩을 사용하여 div를 원으로 바꾸는 방법

(*-*)浩
(*-*)浩원래의
2019-07-18 16:35:275772검색

border-radius, 국내에서는 둥근 모서리로 번역되므로 이 속성이 둥근 모서리를 그리는 데 사용된다고 생각할 수도 있지만, 추가로 다른 작업도 수행할 수 있습니다.

부트스트랩을 사용하여 div를 원으로 바꾸는 방법

radius는 실제로 테두리가 위치한 원의 반경을 나타냅니다. 이 CSS3 속성은 둥근 모서리를 생성할 수 있을 뿐만 아니라 이러한 모서리를 다양한 순서와 크기로 표시할 수도 있습니다. 다양한 모양의 그래픽으로. (추천 학습: Bootstrap 동영상 튜토리얼)

border-radius를 사용하여 레이블을 원으로 설정하세요. border-radius 값을 50%로 설정하면 원이 될 수 있습니다.

예:

    

    
    
        <div></div>
        <input>
    

렌더링:

부트스트랩을 사용하여 div를 원으로 바꾸는 방법

더 많은 Bootstrap 관련 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하여 알아보세요!

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.