<!DOCTYPE html> <meta charset="utf-8"> <title>Centered Background Gradient</title> <style> #a { width: 200px; height: 150px; border-style: solid; border-width: 10px; background-position: 0px 0px; background-image: repeating-radial-gradient(blue, green 20px); } </style> <body> <div id="a"></div> </body>