우당탕탕 개발일기
[CSS] background-image로 사진 넣을 때 비율 맞추기 본문
728x90
- 비율을 맞춰서 넣으려면 background-size: contain, div 에 꽉차게 넣으려면 background-size: cover
- div 사이즈보다 이미지가 작은 경우, 이미지가 반복되므로 한 장만 보여주기 위해 background-repeat: no-repeat
📍 참고
https://multifidus.tistory.com/182
일정한 사이즈 div 안에 이미지 넣기 (잘리면서 꽉차게, 잘리지 않고 축소)
+) 이번 프로젝트를 진행하면서 퍼블리싱 부분에서 가장 애를 먹었던 부분. 혹시 제가 놓친 점이나 더 좋은 방법, 다른 방법이 있다면 얼마든지 알려주시기 바랍니다. 1. 잘리면서 꽉차게 * 상위 d
multifidus.tistory.com
728x90
'What I Learned > HTML&CSS' 카테고리의 다른 글
| [CSS] 가로 비율 맞는 직사각형 그리기 (0) | 2023.01.05 |
|---|---|
| [CSS] 기본 css 초기화 하기 (reset.css) (0) | 2023.01.04 |
| [HTML] JSX에서 공백(띄어쓰기) 넣기 (0) | 2022.03.15 |
| [CSS] position (0) | 2022.02.07 |
| [CSS] 도형 중앙에 텍스트 오게하기 (0) | 2022.02.07 |
'What I Learned/HTML&CSS' Related Articles
more
