How to set background image in body using css

Any Type of Solved Problem October 11, 2022

To set Background image on body using css see below:


Codes:

<!DOCTYPE html>
<html>
<head>

<style>
    body { 
      background-image: url('w3css.gif');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center; 
    }
</style>

</head>
<body>
    <h1>The background-position Property</h1>
    <p>Here, the background image will be positioned in the center of         the element (in this case, the body element).</p>
</body>
</html>

output:

image is on the background



Post a Comment

0 Comments