28 - Creación de un menú vertical configurando las pseudoclases.
Problema:
Hacer un menú de hipervínculos que se muestren en forma vertical.
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> <div id="menu"> <p><a href="http://www.google.com/">Google</a></p> <p><a href="http://www.yahoo.com/">Yahoo</a></p> <p><a href="http://www.bing.com/">Bing</a></p> <p><a href="http://www.altavista.com/">Altavista</a></p> </div> </body> <!-- Mirrored from www.cssya.com.ar/simulador/simulador.php?inicio=20&cod=32&punto=28 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Sep 2015 15:07:22 GMT --> </html>
#menu { font-family: Arial; } #menu p { margin:0px; padding:0px; } #menu a { display: block; padding: 3px; width: 160px; background-color: #f7f8e8; border-bottom: 1px solid #eeeeee; text-align:center; } #menu a:link, #menu a:visited { color: #ff0000; text-decoration: none; } #menu a:hover { background-color: #336699; color: #ffffff; }
No tiene disponible el navegador la capacidad de iframe
Retornar