07. CSS, 배경 이미지 추가하기

 지난 시간에 했던 상태에 이어서, 이번엔 로그인 박스 뒤편에 이미지를 추가해 볼 것이다. 이미지를 가져오는 것은 웹 페이지를 꾸밀 때 많이 활용한다. 

 일단 마음에 드는 이미지를 구해왔다. 고양이사진 

 이 이미지를 넣으려면 다음과 같은 css 코드가 필요하다.

background-image: url("https://cdn.ksilbo.co.kr/news/photo/202106/902252_501806_3356.png");

이미지 사용

  이미지를 사용했지만, 정상적으로 이미지가 표현 되는거 같지 않다. 이미지의 크기에 비해 보이는 부분이 적어보이기 때문이다. 이 것을 해결하기 위해서는 다음과 같은 코드가 필요하다

background-size: cover;

아기고양이가 전부 보여진다