3D buttons

A simple technique: style your ul and container to your liking.

The CSS is pretty straight forward, but maybe a little tip on how to get the 3D color effect comes in handy.
The 3D effect in operating systems is caused by a imaginary light source coming from the top left hand corner of the desktop. Once you know this, the trick to get your CSS buttons a 3D effect is simple: create the border edges with top and left being a little lighter than the button, and right and bottom being a little darker.

Picture of a woman

Some more scribbles for you to look at.

More Pages

Links to other parts of the site.


People who have been good enough to me that I would call them friends.

You can get your W3C stuff at the W3C site

The W3C Logo

It's has all the specifications you need, some tutorials and also validation tools. If you get into CSS you'll be needing this link !

Unless otherwise expressly stated, all original material of whatever nature created by Dzinelabs and included in this site and any related pages, including the weblog's archives, is licensed under The Creative Commons License.

The Creative Commons Licence logo