Lecture 48:- Adding Background to an Element

In CSS, you can add a background to an element using the background property.

Here's an example of how you can set a solid color background for a <div> element:

cssCopy code

div {  background-color: yellow; }

You can also add an image as a background using the background-image property:

cssCopy code

div {  background-image: url(image.jpg); }

By default, the background image will repeat both horizontally and vertically to fill the entire element. If you only want it to repeat horizontally or vertically, you can use the background-repeat property:

cssCopy code

div {  background-image: url(image.jpg);  background-repeat: repeat-x; }

You can also control the position of the background image using the background-position property:

cssCopy code

div {  background-image: url(image.jpg);  background-position: center; }

Additionally, you can make the background image scroll along with the element's content using the background-attachment property:

cssCopy code

div {  background-image: url(image.jpg);  background-attachment: scroll; }