Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library

Advertise Here

CSS Layouts
Web Graphics
Online Tools:

CSS Library: Horizontal CSS Menus: Here

Clean Arrow Underline Menu

Author: Dynamic Drive

This menu uses the nifty CSS Triangles technique to create a clean horizontal UL menu with a thick arrow border applied to the currently active menu item. It uses no images nor any extranous markup (thanks to CSS generated content) to accomplish the effect, and as a bonus, the menu can be easily aligned "left", "center", or "right' on the page. Cool!



The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 04/20/2011

Revision History: None

Usage Terms: Click here

Your Comments (2)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 1 of 1 pages

Simple design, but looks good. I think I'll use it for my website!
Posted by Daniel on 04/21, 06:44 AM
Well! This menu looks nice. Like it so much, but would it compatible to all the browser?
Posted by Jornes on 05/19, 05:46 AM

Comment Pages 1 of 1 pages


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.