WHAT I LEARNED/HTML&CSS

[CSS] 가로 비율 맞는 직사각형 그리기

보니bonnie 2023. 1. 5. 14:06
728x90

height 값이 0이니 상자가 나타나지 않는 모습

 

padding-top을 줌으로써 영역이 생겨 상자가 나타난 모습

padding-top을 %로 주면 해당 비율에 맞는 크기로 직사각형이 그려진다.

즉, 가로만 수정하면 가로 비율에 맞게 height 영역이 잡힌다.

728x90