Cómo hacer el texto se destacan en CSS

Selecciona el texto de su página web con CSS.

 

Adición de CSS en el código HTML diseño 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 en línea utilizado para conseguir un efecto determinado mediante el uso de "Ver código fuente" la capacidad de su navegador. Una vez que se familiarice con CSS codificación de estilos y de sintaxis, puede duplicar los métodos de los demás y crear efectos de texto llamativos de su cuenta.

 

Resalte una sección de texto con el color. Introduzca una etiqueta span en el 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

 

Usa una imagen para el fondo del texto. Crear un archivo de imagen de la forma y tamaño deseados en tu editor gráfico favorito, luego vincularlo a una etiqueta div en la página de la siguiente manera:

 

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

 

Crear un borde. 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 = "contorno: 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 de etiquetas span.

 

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

 

Tipo style = "text / css"

 

a: hover {

 

color: amarillo;

 

}

 

/ Estilo

 

Este código resalta el texto dentro de un a etiqueta de ancla cuando se coloca el puntero del ratón 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 usando con moderación. A pesar de que la página contiene otra cosa que la información más importante que debe ser leído por todos de inmediato, muchos pasajes subrayado que su página sea difícil de leer.