Cómo hacer que la sombra de texto en CSS

CSS significa hojas de estilo en cascada y trabaja dentro de un documento HTML para definir cómo deben aparecer los elementos HTML dentro de una página Web. Si desea agregar una sombra a un texto en un documento HTML, se debe emplear una cadena de código CSS para hacerlo. Cuando se utiliza el CSS para crear una sombra de texto, debe definir cuatro elementos de código: el color de la sombra, la coordenada x de la sombra, la coordenada y de la sombra y el radio de desenfoque. Usted puede experimentar con diferentes valores hasta que se cree una sombra que está satisfecho con.

Instrucciones

1 Abra la hoja de estilos CSS que se hace referencia en la página HTML que contiene el texto que desea añadir una sombra, utilizando un editor HTML o en un editor de texto como el Bloc de notas o TextEdit.

2 Inserte el siguiente código CSS en cualquier parte de la hoja de estilos CSS:

p.shadow

{

text-shadow: # 20 píxeles 6374AB -12px 2px;

}

3 Reemplazar "# 6374AB" con el color hexadecimal desea que la sombra sea.

4 Sustituir "20" con la coordenada x de la sombra. Utilice un número negativo si desea que aparezca la sombra en el lado izquierdo del texto; utilizar un número positivo si se desea que aparezca la sombra en el lado derecho del texto.

5 Reemplazar "-12" con la coordenada y de la sombra. Utilice un número negativo si desea que aparezca la sombra debajo del texto; utilizar un número positivo si desea que aparezca una sombra por encima del texto.

6 Reemplazar "2" con el radio de la falta de definición para el efecto de sombra.

7 Guarde el archivo y subirlo a su servidor. Abra la página HTML que contiene el texto que desea aplicar la sombra de utilizar un editor HTML o editor de texto.

8 Busque la cadena de texto en el documento al que desea aplicar la sombra. Agregue el código siguiente antes del texto:

<P class = "sombra">

9 Agregar el </ p> etiqueta de cierre al final del texto al que desea agregar a la sombra.

10 Guarde el archivo y subirlo a su servidor. Ver la página para ver el efecto de sombra.