CSS Examples: background-position

Examples

Example 1: center

Example 2: bottom

Example 3: top

Example 4: left

Example 5: right

Example 6: percentage

Styles Used

.one {
background-image:url(starsolid.gif);
background-position: center;}

.two {
background-image:url(starsolid.gif);
background-position: bottom;}

.three {
background-image:url(starsolid.gif);
background-position: top;}

.four {
background-image:url(starsolid.gif);
background-position: left;}

.five {
background-image:url(starsolid.gif);
background-position: right;}

.six {
background-image:url(starsolid.gif);
background-position: 25% 75%;}