CSS Examples

beemailcard advertisement
On this page I attempt to show you how css can transform an entire website with relatively small tweaks.

I've searched and found some interesting and diverse example from Zen Garden
This is the default page

This one featuring a cute bird is the exact same page with a different cascading style sheet in fact you can see how the cascading style sheet name is passed as a parameter

This one is a very pleasant design and features different images used in the css without changing the html page. very pleasant design

This one is one of my favourites as it has achieved a real Mediterranean feel

Another fantastic example of image use seen here

This is a lovely city design using quite advanced image placement techniques

This example uses a static background where the page seemingly moves over the background, again I think this has the look and feel of Egypt.

in this example they've cleverly used a wooden frame to give the appearance of a butterfly collection

This is another of my personal favourites: not only does it portray Greece culture extremely well but it has passion and wonder at its heart - this design draws the visitor in, it make one want to read more and find out what is going on.

This example using a transparency effect illustrates an aspect of css which can't be achieved with html. Cascading style sheets can overlay images and words on top of each other either by using absolute or relative positioning, it is impossible to replicate that in pure html.

As you can see css can completely change the look and feel of a website and give you the freedom to be creative.

Related Articles


Custom Search