부트스트랩에서 둥근 모서리를 얻는 방법

Bootstrap은 클래스에 대해 다음과 같은 네 가지 스타일을 제공합니다. #

.img-rounded: 둥근 모서리(IE8에서는 지원되지 않음), border-radius:6px를 추가하여 이미지 둥근 모서리를 얻습니다.

(권장 학습: Bootstrap 비디오 튜토리얼 )

.img-circle: Circular(IE8에서는 지원되지 않음), border-radius:50%를 추가하여 전체 이미지를 원형으로 만듭니다.

.img-thumbnail: 썸네일 기능, 패딩과 회색 테두리를 추가합니다. .img-반응형: 이미지가 반응형입니다(상위 요소에 맞게 확장됨).

사용:

클래스 스타일을 클래스에 직접 추가하기만 하면 됩니다.

<img class="img-circle" src="img.jpg" alt="头像"/>

효과는 다음과 같습니다.

#🎜🎜 ## 🎜🎜#

사진에서 다양한 스타일을 활용한 효과를 확인하실 수 있습니다. 사진 처리가 매우 간단하고 편리합니다.

부트스트랩과 관련된 더 많은 기술 기사를 보려면

Bootstrap Tutorial

열을 방문하여 알아보세요!

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