CSS Library All examples
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.
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.
Glossy Vertical Menu
This is a CSS vertical menu that uses a thin, repeating background image that changes when the mouse moves over a link. The image is glossy looking with an indent at the bottom to create a nice separation between links.
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.
Image Marker Menu
This CSS code creates a vertical menu out of ordinary lists, using an arrow image to replace the default HTML marker. The image is applied as a background image, with a different one shown when the mouse moves over the links.
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.
Breadcrumbs is a term used to describe hierarchical links that tell the visitor where he/she currently is on your site. This CSS code transforms ordinary looking links into a breadcrumb by giving each link a background image.
Arrow Comment Box
Using an "arrow" image, this CSS code transforms a regular DIV into a fancy "bubble" container . It's a nice interface to use for your blog's comment boxes, for example.