background-position-7.html (754B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>background-position: left 25% bottom</title> 5 <style type="text/css"> 6 .outer 7 { 8 border: 1px solid black; 9 width: 128px; 10 height: 128px; 11 } 12 .outer > div 13 { 14 width: 128px; 15 height: 128px; 16 background-image: url(aqua-32x32.png); 17 background-repeat: no-repeat; 18 } 19 #inner1 20 { 21 background-position: left 24px bottom; 22 } 23 #inner2 24 { 25 background-position: left 25% bottom; 26 } 27 #inner3 28 { 29 background-position: right 75% bottom; 30 } 31 #inner4 32 { 33 background-position: right 72px bottom; 34 } 35 </style> 36 </head> 37 <body> 38 <div class="outer"><div id="inner1"></div></div> 39 <div class="outer"><div id="inner2"></div></div> 40 <div class="outer"><div id="inner3"></div></div> 41 <div class="outer"><div id="inner4"></div></div> 42 </body> 43 </html>