Texto con borde alrededor en CSS3 - Bufa Webmaster

Bufa Webmaster

Recursos web en español

Texto con borde alrededor en CSS3

16 jun 2010

Con CSS3 (más concretamente con la propiedad text-stroke)es posible crear un texto con color de fuente y además añadirle un borde alrededor del un tamaño y color determinado. Ántes para conseguir este efecto teníamos que tirar siempre de programas de retoque fotográfico y insertarlo como una imágen en el documento.

EJEMPLO

mi texto con borde

1
2
3
4
5
6
7
8
9
10
<style type="text/css"> 
.textoborde {
  font-size:30px;
  font-weight:bold;
  -webkit-text-fill-color: black;
  -webkit-text-stroke-color: red;
  -webkit-text-stroke-width: 0.75px;  
}
</style>
<span class="textoborde">mi texto con borde</span>
Compartir:
  • Google Bookmarks
  • Twitter
  • StumbleUpon
  • Digg
  • LinkedIn
  • del.icio.us
  • MisterWong
Escribe un comentario

Spam Protection by WP-SpamFree

Bufa en Twiter

81 post | 52 comentarios | 118 tags | 5 suscriptores

Acerca de

bufa.es es una página web montada sobre wordpress que tiene como finalidad compartir la mayoría de recursos web (scripts, php, css, jquery, wordpress, plugins, posicionamiento web, etc...) utilizados por mi en el desarrollo web.

Entries (RSS) | Comments (RSS)

© 2010 Bufa Webmaster | valid XHTML and CSS | Powered by Wordpress and design bufa