`background-color` sets the background color of an element.
`background-image` is used to apply an image as a background.
By default, background images repeat in both directions, so `repeat` is the default value.
`background-attachment: fixed;` makes the background stay in place when the page is scrolled.
`background-position` determines where the background image appears inside the element.
`background-size: cover;` scales the image to completely cover the element, maintaining aspect ratio.
`background-repeat: no-repeat;` prevents the background image from repeating.
`background` is the shorthand property for setting all background values together.
`background-clip: padding-box;` confines the background to the padding area.
The `background` shorthand can include these values in this order: color, image, position/size, repeat, attachment, origin, and clip.