This is a great tutorial site for learning CSS. There are many examples and all are explained nicely for everyone. Try them out.

DD Color Tabs II

Author: Dynamic Drive

Based on the same design as DD Colors Tabs, this second version flips the tabs over to create an inverted look. Just like the original, you can modify the menu’s default and hover colors just by altering the two color values inside the CSS code. This is made possible thanks to transparent images used as the menu tabs’ interface.

Shade Image Tabs Menu

Author: Dynamic Drive

This is an attractive “blue shading” image tab menu. The shade effect is created using two gradient background images, one for the overall tabs, and the other, for the currently “active” tab. Based partially on the Basic Tabs menu, Shade Image Tabs Menu supports three commonly requested features:

* Ability to align the menu tabs “left”, “center”, or “right” on the page
* Highlight a particular tab so it appears selected/ active,
* Change the width of the tab menu (so the underline beneath it spans a length other than the entire width of the page.

Dynamic Drive CSS Library