Background
▶ 배경과 관련된 속성들이다.
▶ background-color => 배경의 색상을 정할 때 사용한다. hex, rgb, rgba를 사용할 수 있다.
▶ background-image => 배경으로 이미지를 넣고 싶을 때 사용한다. url('이미지 경로')을 반드시 사용해야 한다.
▶ background-repeat: repeat; => 기본값이며 반복적으로 이미지 출력한다.
▶ background-repeat: no-repeat; = > 하나의 이미지만 출력한다.
▶ background-size: contain; => 전체 이미지가 잘리지 않고 박스 안에 모두 들어가게끔 해준다.
▶ background-size: cover; => 전체 이미지를 잘라서라도 박스에 이미지를 꽉 채워 넣는다.
▶ background-position: => 이미지의 위치를 지정해서 옮겨준다. x, y축(top, left, center 등)을 지정해주면 된다.
