CSS] 배경 이미지 화면에 꽉 차게 지정하기

body {

height: 100vh;

background: url(/image/main_bg.jpg) no-repeat center;

background-size: cover;

}

1. height 를 100vh 로 줘야한다. 100% 주면 안됨.
2. backgrund-image, background-repeat 으로 따로 써도 되지만,
3. 한줄이라도 줄이기 위해 background: 에 다 넣는다.
4. no-repeat은 이미지를 반복해서 나오지 않게 함.
5. center는 이미지를 가운데 배치.
6. background-size: cover를 넣는다.

이전에 했던 계산기에 배경을 넣어봤다.