Cambiar la apariencia de un hipervínculo

Puede controlar la apariencia de una amplia variedad de propiedades de hipervínculo, incluidos el color, el tamaño de la fuente y la familia de la fuente, definiendo estilos en una hoja de estilos en cascada. Además, puede asignar propiedades a distintos estados de hipervínculo, como un hipervínculo visitado o un hipervínculo sobre el que se desplaza el puntero.

Estados de hipervínculo

Hipervínculo (a:link)

Hipervínculo que aún no se ha seleccionado

Hipervínculo visitado (a:visited)

Hipervínculo que ya se ha seguido

Hipervínculo activado (a:hover)

Hipervínculo sobre el que está situado el puntero

Hipervínculo activo (a:active)

Hipervínculo que está seleccionado

important noteImportante:

Los estados de los hipervínculos deben aparecer en este orden en la hoja de estilos en cascada para que todos los estados sean eficaces.

Para obtener información acerca de las pseudoclases de los hipervínculos, vea Pseudoclases.

Para cambiar la apariencia de los hipervínculos en una o varias páginas web, puede definir los estilos de hipervínculo en una hoja de estilos en cascada interna en cada página web o en una hoja de estilos en cascada externa que deberá adjuntar a cada página web. Si desea que varias páginas web usen los mismos estilos de hipervínculo, resulta más eficiente definir los estilos en una hoja de estilos en cascada externa y luego adjuntar dicha hoja de estilos en cascada a las páginas web, que definir los estilos en una hoja de estilos en cascada interna en cada página web.

Si solo desea definir el color de los hipervínculos en una única página web, puede usar el cuadro de diálogo Nuevo estilo o el cuadro de diálogo Propiedades de página. Ambos métodos usan una hoja de estilos en cascada, pero el cuadro de diálogo Nuevo estilo permite definir los estilos en una hoja de estilos en cascada externa que puede adjuntar a varias páginas web, mientras que el cuadro de diálogo Propiedades de página solo puede definir los estilos en una hoja de estilos en cascada interna.

tip noteSugerencia:

Para cambiar la apariencia de un solo hipervínculo de una página web, seleccione el hipervínculo y cree un estilo en línea que defina las propiedades que desee.

Para obtener más información, vea Crear un estilo.

Para cambiar la apariencia de los hipervínculos

  1. Para seleccionar la ubicación de los estilos de hipervínculo, siga uno de estos pasos:

    • Para agregar estilos de hipervínculo a una hoja de estilos en cascada interna de una página web que solo se apliquen a los hipervínculos de dicha página, abra la página web en la Vista de diseño o en la vista Código.

    • Para agregar estilos a una hoja de estilos en cascada externa, que puede adjuntarse a una o varias páginas web, abra el archivo .css o cree uno nuevo.

      Para obtener más información, vea Crear una hoja de estilos en cascada.

  2. En el panel Aplicar estilos, haga clic en Nuevo estilo.

  3. En el cuadro de diálogo Nuevo estilo, en el cuadro Selector, seleccione una de las opciones siguientes:

    Utilice Acción

    a

    Define la apariencia predeterminada de un hipervínculo.

    a:active

    Define la apariencia de un hipervínculo cuando se hace clic en él.

    a:hover

    Define la apariencia de un hipervínculo cuando el puntero se encuentra sobre él.

    a:link

    Define la apariencia de los hipervínculos en los que no se ha hecho clic.

    a:visited

    Define la apariencia de los hipervínculos en los que se ha hecho clic.

  4. En el cuadro Categoría, defina las propiedades que desee para los elementos siguientes:

    Utilice Acción

    Fuente

    Establece las propiedades de la fuente, incluido el tamaño, el grosor, la decoración y el color.

    Bloque

    Define la altura de la línea, la alineación del texto, la sangría del texto y el espaciado del texto.

    Fondo

    Define el color de fondo y las propiedades de la imagen de fondo.

    Borde

    Define un borde y sus propiedades.

    Cuadro

    Define las propiedades de relleno y de margen del cuadro y los elementos a nivel de bloque.

    Ubicación

    Define las dimensiones y la posición del cuadro y de los elementos a nivel de bloque.

    Diseño

    Define la visibilidad, el comportamiento de flotación y ajuste, el recorte y otras propiedades de diseño del cuadro y de los elementos a nivel de bloque.

  5. Haga clic en Aceptar.

    [!NOTA]

    Si el estilo de hipervínculo se encuentra en una hoja de estilos en cascada externa, debe adjuntar el archivo .css a las páginas web que desea que usen el estilo.

    Para obtener más información, vea Adjuntar o desasociar una hoja de estilos en cascada externa.

Para cambiar sólo el color de los hipervínculos en una única página

  1. Abra la página web en la Vista de diseño o en la vista Código.

  2. En el menú Archivo, haga clic en Propiedades.

  3. En el cuadro de diálogo Propiedades de página, haga clic en la ficha Formato.

  4. En Colores, seleccione los colores que desea usar en los cuadros Hipervínculo, Hipervínculo visitado, Hipervínculo activo e Hipervínculo activado.

  5. Haga clic en Aceptar.

Para cambiar el color de hipervínculo de determinados caracteres

  1. Abra la página web en la Vista de diseño o en la vista Código.

  2. Seleccione los caracteres de hipervínculo que desea modificar.

  3. Haga clic en la flecha del botón Color de fuenteCc294936.48af3fbb-ac2e-4c03-be0f-48deffb294f6(es-es,Expression.40).png de la barra de herramientas Común y, a continuación, seleccione un color.

Vea también

Tareas

Crear o modificar un hipervínculo
Cambiar el marco de destino de un hipervínculo
Crear una hoja de estilos en cascada

Conceptos

Referencia de hojas de estilos en cascada

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.