CSS : background image 꽉차게 채우는 법

이미지를 호출하여 원하는 곳에 지정하다보면 해당 사이즈 만큼 꽉차게 채우고 싶을 때가 있다.

이럴때에는 간단하게

background-size 를 cover 로 설정하면 된다.

아래와 같이 CSS 를 설정하면 된다.

.image {
  width: 50px;
  height: 50px;
  background-image: url('~@/assets/images/home_black.svg');
  background-size: cover;
}