Eliminar el fondo del enlace del logotipo
Ahora que sabemos variar las propiedades de solo algunos enlaces determinados sin variarlos todos, podemos eliminar ese fondo gris que aparece al poner el ratón sobre el logotipo. Por qué aparece? Pues simplemente porque al tener el logotipo un enlace hacia el index.html se convierte la imagen en un enlace adoptando los estilos definidos para los enlaces en la Hoja de Estilos.
Si añadimos algo similar a lo anterior pero para todos los enlaces de la capa #logotipo podremos conseguir eliminar ese fondo gris tan feo. Qué propiedades le pondrías para evitar eso? Realmente, como no contiene textos me da igual, solo me interesa eliminar el fondo gris y eso lo consigo colocándole un fondo blanco cuando el ratón se situe sobre el logotipo (:hover), así que puedo colocar esto al final de la hoja de estilo:
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Ahora se ve el logotipo sin esa sombra gris. Ya sabes algo más de los enlaces. Eres todo un maestro!
Lección 4:
