background-repeat-space-9-ref.html (1053B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Background: background-repeat: position background image</title> 6 <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com"> 7 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 8 <style type="text/css"> 9 .outer 10 { 11 border: 1px solid black; 12 width: 106px; 13 height: 96px; 14 display: flex; 15 justify-content: space-between; 16 align-content: space-between; 17 flex-wrap: wrap; 18 } 19 .inner 20 { 21 height: 32px; 22 width: 32px; 23 background-image: url(support/aqua-yellow-32x32.png); 24 } 25 </style> 26 </head> 27 <body> 28 <div class="outer"> 29 <div class="inner"></div> 30 <div class="inner"></div> 31 <div class="inner"></div> 32 <div class="inner"></div> 33 <div class="inner"></div> 34 <div class="inner"></div> 35 <div class="inner"></div> 36 <div class="inner"></div> 37 <div class="inner"></div> 38 </div> 39 </body> 40 </html>