#Css simple backgrounds how to
#Css simple backgrounds full

In this example, we’re going to look at the background property with a solid color.

#Css simple backgrounds full

A full discussion of color is beyond the scope of this article, though here’s a handy resource if you want to know more. To create red, the notation is #FF0000 – rgb (255,0,0) and to create a gray, the notation could be: #C0C0C0 – rgb (192,192,192). And of course there are many other configurations that you’ll probably use. As an example, #FFFFFF – rgb (255,255,255) is full brightness and all the letters represent white. On the web, you’ll be working with hexadecimal notation to represent color. On the web, you’re concerned with light and the combination of rgb colors will give you more than 16 million different colors. These are not to be confused with print colors, which are CMYK (cyan, magenta, yellow, black). There are three color components, sometimes refered to as rgb (red, green, blue). When working with a website, sooner or later you’re going to need to work with color. The first gives you all the CSS background properties the second is about background properties in CSS3.

If the price is a bit too steep for your budget, I recommend Paintshop Photo Pro instead.īelow you’ll see two tables. For the record, PHOTO-PAINT offers much of the control that you can get in Adobe Photoshop for only a fraction of the price. PHOTO-PAINT is part of the Corel Graphics Suite. PHOTO-PAINT has one of the best texture creating tools I’ve ever seen and I highly recommend it. When creating images to be used as background, there are several things to consider: How will the image add to your layout? Is a solid color or gradient better? And if you’re looking at tiling an image, will the image tile seamlessly?įor reference, I’m going to use backgrounds and textures that I’ve created in Corel PHOTO-PAINT X5.

#Css simple backgrounds how to

In this article we’re going to look at how to use CSS with backgrounds and we’ll have a look at the new CSS3 properties, as well.