background-position
The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.
Values
<position>
Is a <position>, that is one to four values representing a 2D position regarding the edges of the element’s box. Relative or absolute offsets can be given. Note that the position can be set outside of the element’s box.
<!DOCTYPE HTML>
<html>
<head>
<title>CSS Tutorials</title>
<style>
.exampleone {
background-image: url("logo.png");
background-position: top;
}
.exampletwo {
background-image: url("logo.png");
background-position: 25% 75%;
}
.examplethree {
background: url("logo.png") 2cm bottom;
}
</style>
</head>
<body>
<div class="exampleone">first text</div>
<div class="exampletwo">Second text</div>
<div class="examplethree">Third text</div>
</body>
</html>
