'background-size:cover' 태그의 글 목록

대충 이런 느낌의 심플하면서도 예쁜 쇼핑몰을 만드는 것이 목표이다 가장 처음에 해주어야할 것이 background image를 크게 삽입해주는 것 image라는 div안에 배경이미지를 삽입해줄 것이다 .image{ height:750px; background-repeat:no-repeat; background-image:url(img/kids101.jpg); background-size:cover; } background-size:cover특성은 값을 cover 로 지정하면 배경이미지의 가로, 세로 길이 모두 요소보다 크다는 조건하에 가능한 배경 이미지를 작게 조정합니다. 가로, 세로 비율은 유지됩니다. 따라서 배경 이미지의 크기는 요소의 크기보다 항상 크거나 같습니다. 아래 예제의 크기를 조절해서 실제..