Lesson 5: Styling lists

Outline

  1. Lists often used for navigation
  2. Examples of lists in action
  3. Pseudo classes
  4. Border instead of text-decoration
  5. Web Inspector

Example

  1. A list with several properties in it
  2. List example from Camila
  3. Submenu example adapted from Elsbeth

Exercise

Using the examples below as inspiration, create a horizontal nav bar that can replace a site you like or could work for your own portfolio site. Consider pseudo classes, anchor states and the box properties. Make use of the Web Inspector to see what other sites are doing. Place your results in a new post on this site in category exercise 5.

f
4 Lessons    { June 29, 2011    J   b 0   

b Comments

Leave a Reply