background-image-centered.html (521B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Centered Background Gradient</title> 4 <link rel="match" href="background-image-centered-ref.html"> 5 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-position"> 6 <style> 7 #a { 8 width: 200px; 9 height: 150px; 10 border-style: solid; 11 border-width: 10px; 12 background-position: center center; 13 background-image: repeating-radial-gradient(blue, green 20px); 14 } 15 </style> 16 <body> 17 <div id="a"></div> 18 </body>