Blog Post: Color & Image Backgrounds

Web Design in Red Deer writes:

When putting together your Small Business Web Design, you want to include some simple, cool elements into your design that will WOW your new potential clients/customers. One way to do that is to put in subtle and powerful backgrounds for certain elements.

It used to be you could only offer either a Background Image or else a Background Colour, but with modern CSS we can actually combine the two to make some interesting and creative elements. Consider using images in a .png format (with an invisible background), playing around with the background-size css rule, and also the X and Y background-position rules. See Below:

This is a solid red background:
{background: red;}


This is an image background at 50% opacity:
{background: url(‘’); background-repeat: no-repeat;}


Combining an image and a color:
{background: red url(‘’); background-repeat: no-repeat;;}


Joshua Neufeld

Owner at Red Anchor Studio
At Red Anchor Studio we are dedicated to building local business! We offer high quality developments at an affordable price, and we can work to get your business online at any budget.

Latest posts by Joshua Neufeld (see all)