The background image by default is added to the left corner & is repeated both ways, i.e. You can also go ahead and add two background images for the element.īackground-image: url('bg3.png'), url('bg1.jpg') Moving on with this article on Background Image In HTML In the below example, we are specifying the background-image & background-color CSS property which will set the background image & background property for the HTML body respectively. We will also look how to target div tag and class using CSS. In all the examples, we will be defining the CSS code inside the tag. Later moving ahead, we will look at different CSS properties using which we can change the look & feel of the webpage. Let us first understand how we can add background image in a webpage using CSS. Using CSS properties, we can also add background image in a webpage. The background attribute which we specified in the tag is not supported in HTML5. The most common & simple way to add background image is using the background image attribute inside the tag. In this blog we will understand how we can add background images in a webpage using HTML & CSS. One of such ways is adding background image. There are various ways in which images can be added to a web page to make it look captivating & appealing. Moving on with this article on Background Image In HTML Background Image In HTML The following pointers will be covered in this article: Adding a Background Image in HTML is one of the most common tasks when you are working on Web Designing.

How create a background picture in html