Tecnología

Inicio

¿Cómo hacer que el texto se destacan en CSS

¿Cómo hacer que el texto se destacan en CSS


La adición de CSS para el código de diseño HTML hace resaltar y ajustar otras propiedades de texto de un proceso simple. Los diseñadores Web utilizan CSS para lograr una variedad de efectos de texto en sus sitios. En muchos casos, se puede ver el código utilizado en la línea de conseguir un efecto particular mediante el uso de la capacidad de "Ver código fuente" de su navegador. Una vez que se familiarice con los estilos CSS y sintaxis, puede duplicar los métodos de los demás y crear efectos de texto llamativos de su cuenta.

Instrucciones

1 Resaltar una sección de texto con el color. Insertar una etiqueta <span> al principio del texto que desea llamar la atención y especificar un color de fondo al ejemplo siguiente:

<Span style = "background-color: red"> Los antecedentes de este texto es de color rojo </ span>

2 Utilice una imagen para el fondo del texto. Crear un archivo de imagen del tamaño y forma deseados en su editor gráfico favorito, a continuación, vincularlo a un <div> etiqueta en su página como esta:

<Div style = "background-image: URL ( 'myCoolPicture.gif')"> Este texto aparece en mi imagen fresca </ div>.

3 Crear una frontera. Utilice la propiedad de esquema con una etiqueta <span> para dibujar una caja alrededor de una sección de texto para añadir énfasis con el código:

<Span style = "esquema: 1px sólido de color rojo"> Estas palabras están en una caja </ span>.

Esto dibuja un borde rojo de un píxel en torno a las palabras entre la apertura y el cierre <span>.

4 Resaltar texto del enlace cuando el usuario pasa el puntero del ratón sobre él. Utilice esta técnica para hacer enlaces destacan sin la distracción subrayado tradicional. Coloque el código siguiente en el <head> de su código HTML:

<Style type = "text / css">

a: hover {

color amarillo;

}

</ Style>

Este código pone de relieve cualquier texto dentro de una etiqueta de anclaje <a> cuando el puntero del ratón se sitúa por encima de ella.

Consejos y advertencias

  • CSS tiene un gran número de efectos de texto diseñados para hacer que el texto se destacan. Obtener el máximo provecho de estos efectos mediante el uso con moderación. A pesar de que su página no contiene más que la información más vital que debe ser leído por todos de inmediato, demasiados pasajes enfatizado que su página difícil de leer.