Write a Program to Add a Background Image to Web Page

Set a Background Image to an HTML Web Page using the CSS Styling options. We will make use of the style tag in HTML and add a property of Background Image.

Below is the sample code to do it.

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/DNC%28Differentiable_Neural_Computer%29.png/800px-DNC%28Differentiable_Neural_Computer%29.png");
	    color: red;
	    text-align: center;
         }
      </style>
   </head>

   <body>
      <h1>JD Bots Background Image Sample</h1>
   </body>
</html>

Thank you All!!! Hope you find this useful.


Leave a Reply

Up ↑

%d bloggers like this: