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