Fun with CSS Tabbed Arrows

By Dustin Diaz

  1. Use the HTML source from this page and modify it with your own content
  2. Place an id on the current element you wish to show the arrow (id="cur" in demo)
  3. Create an image that suites your color needs with an arrow. Download the example image as a reference.
  4. Experiment with the CSS on this page
  5. It's recommended you download the Mozilla Firefox Browser and add the Web Developer extension to help aid in debugging.