<!DOCTYPE html>
<html>
<head>
<style>
body { 
  background-image: url('https://iqratechnology.com/wp-content/uploads/2023/12/Js-Used.png');
  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>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.