How can i specify background images in css

Course Catalog. Training Delivery Methods. Live Online Classes. Private Classes. Self-Paced Training. Enterprise Training. All Training Options. By default, a background-image is placed at the top-left corner of an element, and repeated both vertically and horizontally. Tip: The background of an element is the total size of the element, including padding and border but not the margin.

Tip: Always set a background-color to be used if the image is unavailable. Let the first image appear only once with no-repeat , and let the second image be repeated:. We just launched W3Schools videos. Get certified by completing a course today! If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:.

Default value: none Inherited: no Animatable: no. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy. Copyright by Refsnes Data.

All Rights Reserved. Specifying background requires image property, size like how we specified under bg1 class. So by the, is an original image is not blurred while scaling the images to fit the area. Here is the result for the above code. Therefore, in this tutorial, we have seen a simple way to code an image using CSS also we have learnt how that image fit the screen.

Background image with CSS provides good features to the websites and the web designers feel good in their themes. So, at the end of this section, you will be able to customize the works with good effort. Here we discuss a brief overview on CSS Background Image and its different examples along with its code implementation.