Texto Con Sombra

Hola bloggeritas esta es la segunda entrada por hoy *-* y les traigo un nuevo tutorial de como personalizar tu texto en HTML.
Empezemos:

Parrafos:

<p>TEXTO</p>
Saltos en linea:

TEXTO<br/>
TEXTO<br/>
Encabezados:
<h1>TEXTOh1</h1>
<h2>TEXTOh2</h2>
<h3>TEXTOh3</h3>
<h4>TEXTOh4</h4>
<h5>TEXTOh5</h5>
<h6>TEXTOh6</h6>
Formato de un texto:
TEXTO EN NEGRITA
TEXTO EN CURSIVA
TEXTO SUBRRALLADO
TEXTO TACHADO
<b>TEXTO EN NEGRITA</b>
<i>TEXTO EN CURSIVA</i>
<u>TEXTO SUBRRALLADO</u>
<s>TEXTO TACHADO</s>
Texto con color:


<span style="color:#ffbbcc;">TEXTO</span>

Texto con fondo:

 <span style="background:#ffbbcc;">TEXTO</span>

Estilo de letra:
 <span style="font: 20px COURIER;">TEXTO</span>
Texto con dirección:

<a href="URL">TEXTO</a>
Texto con sombra:
{ text-shadow : -3px -4px 5px #ffbbcc ; }

Texto con contorno:
-Texto con sombra
{text-shadow: -1px 0 blue, 0 1px blue,
               1px 0 blue, 0 -1px blue}

Donde pone "Blue" le pueden cambiar por un color que les agrade mas pero que sea en ingles :)


Texto con brillo de contorno


{text-shadow: 0 0 2px #8F7}
Espero que les sirva!¡ Dudas¿? Comenten :)









0 comentarios:

Publicar un comentario