반응형 border-box1 CSS에서 background 이미지를 비율을 유지한채 사이즈만 줄여보자 안녕하세요, 오늘은 CSS에서 background 이미지를 비율을 유지한채 사이즈만 줄여보도록 하겠습니다. background: url('image.jpg') no-repeat center center / 50px 50px / content-box border-box;위의 구문을 해석 할 수 있다면 굳이 해당 포스팅을 안보셔도 됩니다. 그렇지 않다면 같이 자세히 알아봅시다. CSS의 background 속성에서 '/'를 추가하여 아래와 같은 양식으로 배경 이미지의 위치, 크기, 배경 영역에 채우는 방식을 조절할 수 있습니다. background: / / ; 예시를 들어 값을 적용시켜보겠습니다. background: url('image.jpg') no-repeat center center / 50.. 2024. 11. 14. 이전 1 다음 반응형
