# How to set background image of a webpage?

JavascriptWeb DevelopmentFront End Scripts

To set the background image of a webpage, use the CSS style. Under the CSS <style> tag, add the property background-image. The property sets a graphic such as jpg, png, svg, gif, etc. HTML5 do not support the <body> background attribute, so CSS is used to change set background image.

## Example

You can try the following code to set the background image of a web page in HTML

Live Demo

<!DOCTYPE html>
<html>
<style>
body {
background-image: url("/videotutorials/images/tutor_connect_home.jpg");
}
</style>

<body>
<h1>Connect with Tutors</h1>
</body>
</html>
Published on 01-Feb-2018 11:01:29