29 - Creación de un menú horizontal con una lista.
Problema:
Implementar un menú horizontal con una lista.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE html> <html> <head> <title>Problema</title> <link rel="StyleSheet" href="estilos.html" type="text/css"> </head> <body> <ul id="menuhorizontal"> <li><a href="http://www.google.com/">Google</a></li> <li><a href="http://www.yahoo.com/">Yahoo</a></li> <li><a href="http://www.bing.com/">Bing</a></li> <li><a href="http://www.altavista.com/">Altavista</a></li> </ul> </body> <!-- Mirrored from www.cssya.com.ar/simulador/simulador.php?inicio=20&cod=34&punto=29 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Sep 2015 15:07:22 GMT --> </html>
#menuhorizontal { margin:0; padding:0; list-style-type:none; } #menuhorizontal a { width:100px; text-decoration:none; text-align:center; color:#ff0000; background-color:#f7f8e8; padding:3px 5px; border-right:1px solid blue; display:block; } #menuhorizontal li { float:left; } #menuhorizontal a:hover { background-color:#336699; }
No tiene disponible el navegador la capacidad de iframe
Retornar