15 de marzo de 2012

Enlaces con css

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

Related Posts Plugin for WordPress, Blogger...