How to have multiple background “squares” that overlap behind div blocks?

Question

So for example I have a website with 20x 400px height div tags that are 50% width and are all coloured blue. I\'d like to have a background that "overlaps" behind them