Para realizar un enlace con un archivo css, se deberá
escribir lo detallado más abajo en un archivo de texto, y guardarlo con
el nombre de enlaces.css.
Lo que ven es el tipo de estilo que tendrán
nuestros enlaces dentro de la página web.
Una vez guardado el archivo css,
agregamos el link correspondiente a este archivo, que
será:
<link href="enlaces.css" rel="stylesheet" type="text/css"
/>
entre
<head> y </head>
Este es el código:
.enlaces { FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: Arial;
TEXT-DECORATION: none }
a:link { color: red } /* un enlace no visitado*/
A:visited { color: blue } /* enlace visitado */
A:hover { color: black } /* raton encima */
A:active { color: lime } /* enlace activo */
y que aplicaríamos a los enlaces de la siguiente
manera:
<A class="enlaces" HREF="pagina_de_destino.htm">texto</A>
Lo mismo sería agregar este código entre <style
type="text/css"></style>, quedando de la siguiente manera:
<style type="text/css">
.enlaces { FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: Arial;
TEXT-DECORATION: none }
a:link { color: red } /* un enlace no visitado*/
A:visited { color: blue
} /* enlace visitado */
A:hover { color: black } /* ratón encima */
A:active { color: lime } /* enlace activo */
</style>
No hay comentarios:
Publicar un comentario