3-6. 박스 그림자
■ 박스 그림자(shadow)
부트스트랩에서는 박스에 그림자를 넣는 CSS 속성 box-shadow를 쉽게 사용할 수 있는 다음과 같은 클래스를 제공합니다.
- .shadow-none : 그림자 없음
- .shadow : 기본 그림자
- .shadow-sm : 작은 그림자
- .shadow-lg : 큰 그림자
박스 그림자(shadow) 사용 예
ex3-11.html
<div class="container mt-3">
<h3>박스 그림자</h3>
<div class="shadow-none p-4 mb-4 bg-light">그림자 없음</div>
<div class="shadow-sm p-4 mb-4 bg-white">작은 그림자</div>
<div class="shadow p-4 mb-4 bg-white">기본 그림자</div>
<div class="shadow-lg p-4 mb-4 bg-white">큰 그림자</div>
</div>
ex3-11.html의 실행 결과
