Cómo Hacer texto se destacan en CSS

Cómo Hacer texto se destacan en CSS


Adición de CSS para el código de diseño HTML hace destacar 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 en línea utilizado para conseguir un efecto determinado 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

Resalte una sección de texto con el color. Introduzca 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 deseado y la forma en que su editor gráfico favorito, luego vincularlo a una etiqueta <div> en su página de la siguiente manera:

<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 un cuadro alrededor de una sección de texto para añadir énfasis con el código:

<Span style = "esquema: rojo sólido 1px"> 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 cierre <span> etiquetas.

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 el subrayado distracción 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 resalta cualquier texto dentro de una etiqueta de anclaje <a> cuando el puntero del ratón se coloca 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. Saca el máximo partido de estos efectos usando con moderación. A pesar de que su página no contiene nada, pero la información más importante que debe ser leído por todos de inmediato, demasiados pasajes enfatizado que su página difícil de leer.