CSS Background HTML5, CSS3 Bootstrap 4 For Web Development (Technical IT)

In CSS, the background property is used to control the background of an element. It is a shorthand property that can include multiple values, such as the background color, image, position, and size.

Here are some examples of using the background property:

Setting a background color:
css
Copy code
background-color: #F5F5F5;
This will set the background color of the element to a light gray.

Setting a background image:
css
Copy code
background-image: url('image.jpg');
This will set the background of the element to the image located at 'image.jpg'.

Setting a background position:
arduino
Copy code
background-position: center top;
This will position the background image at the center of the element horizontally and at the top vertically.

Setting a background size:
arduino
Copy code
background-size: cover;
This will resize the background image to cover the entire element, while maintaining its aspect ratio.

Using the shorthand background property to combine multiple values:
css
Copy code
background: #F5F5F5 url('image.jpg') center top/cover;
This will set the background of the element to a light gray color, with the image located at 'image.jpg' positioned at the center top and resized to cover the entire element.

Overall, the background property is a powerful tool for controlling the background of an element and can be used to create visually appealing designs.