Creating Tabbed Menu (Part 2a)
This tutorial are tested with Internet Explorer 7 and Firefox 2 on the PC.

  
Let's add some borders and remove the text underline: 

a.menu{
  background-color:#6699CC;
  color:#FFFFFF;	
  padding: 10px;
  border:1px;
  border-style:solid;
  border-color: #003366;	
  text-decoration:none;
}

Notes:

  • text-decoration:none removes the underline on the text.
  • border: 1px adds 1 pixel border on all sides.
  • border-style:solid means we want a solid border (other value include dashed, dotted).
  • border-color: #003366 sets the border color.
<< Previous Page>>
<< Next Page>>
<< More Tutorials>>