CSS Library Horizontal CSS Menus
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
DD Color Tabs II
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.
Plastic Tabs menu
This is a no frills, "plastic looking" tabs menu. The entire menu can be aligned either to the left or right of the page, by setting the menu's float attribute accordingly.
Sleek Pointer Menu
An inverted, round corner CSS menu bar with a cut-out pointer below each menu link. The pointer is simply a transparent background image, automatically adopting to any background colors (in this case, black and darkred).
Vertical Divider Menu
One of the most popular CSS menu interfaces around, this is a horizontal CSS menu that uses an indented vertical divider to separate each menu item. Each item can change background color when the mouse moves over it.
Slanted Divider Menu
This is an elegant CSS menu bar that uses a transparent "slanted" image to act as a divider and separate each menu item.
Shade Image Tabs Menu
This is an attractive "blue shading" image tab menu that supports tabs alignment. The shade effect is created using two gradient background images.
DD Color Tabs
This is a lightweight, very easy to customize image tabs menu similar to the one you see throughout Dynamic Drive. Instead of swapping between two tab images, this menu uses a single transparent tab instead. What this means is that you can in fact change the menu and menu hover colors just by changing the two color values inside the CSS code! It doesn't get simpler than that.