71² – The ramblings of two 30-something developers

Drew Douglass  on May 1st, 2009

Thanks for submitting this to Dev-Tips John, I really enjoyed the article!

John  on May 1st, 2009

No worries Drew, thanks for allowing me to be an author on Dev-Tips.com, will look forward to sharing more dev articles in the future!

Impersonation  on May 1st, 2009

Hey John,

Thanx for the latest article. I just had a question about pattern backgrounds. Is there a simple CSS trick to create this effect – http://bgpatterns.com/

Any idea?

John  on May 2nd, 2009

@Impersonation Once you have the seamless background image, you can use css ‘background’

body { background: url(seamless.gif) repeat left top; }

This would then repeat the image on the x and y axis to fill the whole page. You could apply it to any div to create a background within a block element.

Hope this helps.
John