Combinando las listas con estilos CSS se pueden conseguir efectos realmente espectaculares, como menús de navegación, pestañas, etc.
Ejemplo de menú flotante con CSS: este código:
<style> .flotante li ul { display: none; } .flotante li:hover > ul { display: block; } </style> <div class="flotante"> <ul> <li><a href="#">Menu</a> <ul> <li><a href="#">Sub-menu 1</a></li> <li><a href="#">Sub-menu 2</a></li> </ul> </li> </ul> </div> |
… se ve así (pasa el ratón por encima del enlace!):
Recursos
- Listamatic: Listamatic, the Power of CSS applied to List