Options

General

CSS Quantity

'Small' provides the basic styles needed to create an overall color scheme. 'Large' includes structural features, such as container, header, footer, rows and columns.

Large (3kb)
Small (<1kb)

Fonts

h1, h2, h3 Font-family

p Font-family

Default Font Colour

Default Font Size

Save Changes

About

Welcome to Colour My CSS; a site that makes CSS so simple and easy.

Colour My CSS makes it easier to generate the core CSS needed to style your website, through an easy to use WYSIWYG editor.

At present, the options list is rather small, however plans are underway to implement a host of great new features.

Help us grow. Share the love via twitter. (It's easy, just click 'retweet').

Your colour scheme:

Back

It's Simple.

Welcome to Colour My CSS; a site that makes CSS so simple and easy.

Colour My CSS makes it easier to generate the core CSS needed to style your website, through an easy to use WYSIWYG editor.

Read more...

Links.

Find or create a unique color scheme with Adobe's Kuler. A perfect way to colour your CSS. kuler.adobe.com

Get inspired by a host of patterns and eye-catching colour shemes. colorlovers.com

Twitter.

What am I doing?

twitter | facebook

CSS Lab.

CSS Lab is a place where we play with CSS! This will become an ever growing repository of useful css snippets.

Rounded corners (Border Radius).

Code.

One of the more popular trends in current web design is the use of rounded corners. Gone are the days of images and complex CSS code.

With the development of CSS3, W3C has offered a range of new options which allow for greater manipulation of CSS elements.

Supported:

  • Firefox
  • Chrome
  • Safari

Fails gracefully:

  • Internet Explorer

Example:

CSS-only Call to Action Buttons.

Dominant buttons are important. They create a striking visual presence which serves to highlight important calls to action. Directing users to sign-up or log-in, large buttons can greatly assist usability.

This example provides a slight opacity transition effect.

Supported:

  • Firefox
  • Chrome
  • Safari

Fails gracefully:

  • Internet Explorer

Example:

Code.

Theme "Blue Green" by Scott Tonges | Default theme

Copyright © 2010 | Colour My CSS by Scott Tonges