CSS) background-size
1) background-size 배경 이미지의 크기를 지정 속성 값 값 의미 기본값 auto 배경 이미지가 원래의 크기로 표시됨 auto 단위 - px, em, % 등 단위로 지정 - width height 형태로 입력 가능(E.g. 120px 370px) - width 만 입력하면 비율에 맞게 지정됨(E.g. 120px) cover - 배경 이미지의 크기 비율을 유지하며, 요소의 더 넓은 너비에 맞춰짐 - 이미지가 잘릴 수 있음 contain - 배경 이미지의 크기 비율을 유지하며, 요소의 더 짧은 너비에 맞춰짐 - 이미지가 잘리지 않음 사용법 html css .box1 { width: 300px; height: 200px; border: 2px solid red; margin: 50px; backg..
HTML CSS JS
2021. 9. 6. 08:17
공지사항