Compartir a través de


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 (CSS). 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 activo (a:active)

Hipervínculo que está 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

Para cambiar la apariencia de los hipervínculos en una o varias páginas web, puede definir los estilos de hipervínculo en una CSS interna en cada página web o en una CSS 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 CSS externa y luego adjuntar dicha CSS a las páginas web que definir los estilos en una CSS interna en cada página web.

Si sólo 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 CSS, pero el cuadro de diálogo Nuevo estilo permite definir los estilos en una CSS externa que puede adjuntar a varias páginas web, mientras que el cuadro de diálogo Propiedades de página sólo puede definir los estilos en una CSS interna. Para usar el cuadro de diálogo Nuevo estilo, vea el procedimiento "Para cambiar la apariencia de los hipervínculos". Para usar el cuadro de diálogo Propiedades de página, vea el procedimiento "Para cambiar sólo el color de los hipervínculos en una única página".

Cc294936.alert_tip(es-es,Expression.10).gifSugerencia:

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. 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 CSS interna de una página web que sólo se apliquen a los hipervínculos de dicha página, abra la página web en la vista Diseño o en la vista Código.

    • Para agregar estilos a una CSS 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 de tareas 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 espesor, 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 CSS externa, debe adjuntar el archivo .css a las páginas web que desea que usen el estilo. 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 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 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.7d82a39a-24b2-44b2-9c48-b4b40a414535(es-es,Expression.10).gif de la barra de herramientas Común y, a continuación, seleccione un color.

Vea también

Conceptos

Crear o modificar un hipervínculo

Cambiar el marco de destino de un hipervínculo

Crear una hoja de estilos en cascada