Paso 1

La lista horizontal BÁSICA (Borde punteado del estado activo - clica para verlo)

• Opción uno
• Opción dos
• Opción tres
• Opción cuatro
• Opción cinco

Paso 2

Añadimos el estado :hover (El borde punteado del estado activo aún está - clica para verlo)

• Opción uno
• Opción dos
• Opción tres
• Opción cuatro
• Opción cinco

STEP 3

Quitamos el borde punteado del estado activo (clica para NO verlo)

• Opción uno
• Opción dos
• Opción tres
• Opción cuatro
• Opción cinco

STEP 4

Añadimos el estado activo alternativo (clica para verlo)

• Opción uno
• Opción dos
• Opción tres
• Opción cuatro
• Opción cinco