Previous Article Next Article Web Design Tutorial – CSS Backgrounds
Posted in Css

Web Design Tutorial – CSS Backgrounds

Web Design Tutorial – CSS Backgrounds Posted on May 16, 201817 Comments

Nick and James form Creare demonstrate the basics of implementing backgrounds in CSS for you website. The tutorial covers standard colour, tiling a graphic, applying gradiants and fixed graphic backgrounds. Check out the supporting blog post at


  1. @Flain33 thats what i'm trying to do. have a background image fixed in the same position even as you would scroll down but for some reason it doesn't stay in place. Ive tried switching the setting to background-attachment:scroll but it still does the same thing.

  2. Hi skept725. This isn't an easy question to answer because screen resolutions/monitor sizes vary.

    I would make it 1200 pixels wide by 1000 high as a good starting size.

    If you can apply CSS to your blog's background, then you can use the no-repeat attribute to stop the background from tiling.

  3. I'm trying to create a background in PS for my blogger blog. What dimensions would I need to create my background to fill the whole screen without tiling? Or is that possible? Do you guys have any tuts on this? I know this is a very popular subject amongst bloggers tyring to customize their blogs. Thx! Great tut by the way.

Leave a Reply

Your email address will not be published. Required fields are marked *