how to insert image in html as background code example

Example 1: how to add a background image in html

<!-- HTML -->
<div id="imageDiv"></div>

<!-- CSS -->
<style>
  #imageDiv {
	background-image: url('someimage.png');
  }
</style>

Example 2: inserting a image in html backgound

<html>
  <style>
	body
      {
      background-color: url('url from web'); /* replace "url from the web" with your url*/
      }
  </style>
  <body>
    <!-- Your body displayed with the picture-->
    <h1></h1> 
  </body>  
</html>

Tags:

Html Example

Related