Computing Scotland

Nav Bar Creation CSS Activity

Task: Enter the CSS property and value into the boxes below like you would for external CSS. For example; in the nav box you might type; background-color:purple;

nav

nav ul

nav ul li

nav ul li a

nav ul li a:hover

The following steps will be required to format the navbar:

  1. Remove Bullet Points
  2. Position list items horizontally
  3. Space out each item
  4. Create clickable boxes
  5. Set vertical alignment
  6. Add interactive Colours