Background position example

By Admin

<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
div {
	position:relative; overflow:visible;
	width:90%; height:120px;
	background-image:url('../../../img/tutorials/back_ex2.png');
	background-repeat:no-repeat;
	background-position:center;
}
div+div {
	background-position:10% 90%;
}
p {
	position:relative;
	top:0px;
}
</style>
</head>

<body>

<div>
	<p>This background picture is centered by using only one keyword</p>
</div>
<div>
	<p>This background picture is offset by using percentages</p>
</div>
</body>
</html>

Mar