When we want to declare the initial position of a particular background image, we have to do it through the background-position property. By default, the position is top left of the page. We can set the position as per our requirement, like right or corner or center, etc.
Example:
<html>
<head>
<style>
body {
background-image: url('mindmajix.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
<p> CSS Background Position: Mindmajix.io</p>
</body>
</html>
