Css - Texto con efecto Sombra
Códigos Css
Para dar un poco mas de vistosidad a nustras paginas y evitar insertar muchas imagenes, este codigo consigue mostrar un texto predefinido con efecto de sombreado.
Tutores.org
Mostrando Codigo - Css
CODIGO
/* Codigo ofrecido por Tutores.org */
- <html>
- <head>
- <style type="text/css">
- .sombra{
- color: #000000;
- font-style: italic;
- font-weight: bold;
- font-size: 22pt;
- position: relative;
- }
- .texto{
- color: #336699;
- top: -1px;
- left: -1px;
- position: absolute;
- }
- </style>
- </head>
- <body>
- <div class="sombra">Tutores.org<div class="texto">Tutores.org</div></div>
- </body>
- </html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Texto con efecto Sombra" href="http://www.tutores.org/codigo/1172/" target="_blank">Texto con efecto Sombra</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Texto con efecto Sombra" href="http://www.tutores.org/codigo/1172/" target="_blank">Texto con efecto Sombra</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS