[CSS] 배경(background) 관련 기본 CSS 사용해보기

• CSS에서 배경색을 지정하려면 'background-color'를 사용하고, 원하는 색상을 지정하면 된다. 또한, 배경에 이미지를 넣으려면 'background-image'를 사용하고, 이미지의 경로를 입력하면 된다.

• 배경 이미지의 위치를 조정하려면 'background-position'을 사용하며, x와 y 좌표를 지정하거나, x는 left, center, right, y는 top, center, bottom 속성을 사용하여 위치를 지정할 수 있다.

• 웹페이지에서 이미지를 배경으로 설정하려면 CSS의 'background-image' 속성을 사용하며, 'background-position' 속성을 통해 이미지의 위치를 조절할 수 있다.

• 'background-size' 속성을 통해 이미지의 크기를 조절할 수 있으며, 'auto'는 이미지 크기를 유지, 'length'는 가로, 세로 크기를 지정, 'cover'는 이미지를 확대 또는 축소하여 배경을 다 채우고, 'contain'은 이미지를 최대 크기로 확대 또는 축소하되 배경을 벗어나지 않게 한다.