background-position-1a.html (1068B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>background-position: right 25% 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: right 25% bottom 75%; 17 background-image: url(aqua-32x32.png); 18 background-repeat: no-repeat; 19 } 20 #inner2 21 { 22 width: 128px; 23 height: 128px; 24 background-position: bottom 75% right 25%; 25 background-image: url(aqua-32x32.png); 26 background-repeat: no-repeat; 27 } 28 #inner3 29 { 30 width: 128px; 31 height: 128px; 32 background-position: right 24px bottom 72px; 33 background-image: url(aqua-32x32.png); 34 background-repeat: no-repeat; 35 } 36 #inner4 37 { 38 width: 128px; 39 height: 128px; 40 background-position: bottom 72px right 24px; 41 background-image: url(aqua-32x32.png); 42 background-repeat: no-repeat; 43 } 44 </style> 45 </head> 46 <body> 47 <div id="outer"><div id="inner1"></div></div> 48 <div id="outer"><div id="inner2"></div></div> 49 <div id="outer"><div id="inner3"></div></div> 50 <div id="outer"><div id="inner4"></div></div> 51 </body> 52 </html>