¿Cómo hacer las sombras del texto en Chrome

Los diseñadores Web utilizan las sombras del texto para dar la escritura en una página Web más profundidad y textura. Si bien hay muchas variaciones y diferentes efectos diseñadores pueden utilizar, simplemente añadiendo una sombra de texto requiere una sola línea de código en el archivo CSS de la página web. Los principales navegadores Web todos utilizan diferentes normas en cuanto a la forma en que hace que el código CSS para un sitio web. El navegador de Google Chrome, sin embargo, en general se ajusta a los estándares web. Como tal, los diseñadores sólo tienen que incluir la "sombra de texto" código CSS básico de cromo forma que lo haga correctamente.

Instrucciones

1 Abra el documento CSS de su sitio web. Si está utilizando un sistema de gestión de contenidos, tales como Drupal o WordPress, puede acceder a su código fuente es el tema desde el editor de temas incorporado.

2 Navegue hasta el código que da el texto que desea tener una sombra. Por ejemplo, si sólo desea que su texto de cabecera para tener sombras, buscar el código de "cabecera".

3 Tipo "text-shadow: Tpx Rpx BPX Lpx # 000;" (Sin comillas) dentro de los corchetes que hacen que el texto.

4 Reemplazar "T" con el tamaño en píxeles que desea para la sombra superior, "R" con el tamaño de píxel derecho, "B" con el tamaño del píxel inferior y "L" con el tamaño del píxel izquierdo, y vuelva a colocar # 000 con el código de color para la sombra. Por ejemplo, si desea que el texto tenga una sombra gris de tres píxeles, su código debería tener este aspecto: ".header {text-shadow: 3px 3px 3px 3px #ccc;}".

5 Repita los pasos 3 y 4 para cada área de texto en el que desea tener una sombra de texto.

6 Sube el nuevo CSS para presentar a su sitio web. Si está utilizando el editor de temas en su sistema de gestión de contenidos, simplemente haga clic en el botón "Guardar".

Consejos y advertencias

• Asegúrese de no borrar cualquier información CSS importantes, tales como el tamaño de la fuente o el color. Escriba el código "text-shadow" después del punto y coma final en esa sección. Por ejemplo, el código original para la cabecera de su sitio web puede leer ".header {color: # 000; font-size: 2em;}". Para añadir una sombra de texto, añadir el código después de la "2em;" sección: ".header {color: # 000; font-size: 2em; text-shadow: 3px 3px 3px 3px #ccc;}".
• Hacer una copia de seguridad del archivo CSS original antes de hacer cualquier cambio.