Gracias a CSS podemos cambiar el estilo de la primera letra de un párrafo o porción de texto que queramos. Esto nos será muy util al comienzo de un texto ya que podemos por ejemplo hacer la letra inicial más grande. Pongamos que tenemos este párrafo:
<p class="Noticia">En WebTaller hoy te explicamos como cambiar el estilo de la primera letra de un texto cualquiera. No te lo pierdas!</p>
Ahora, entre <head> y </head> escribimos:
<style>
.Noticia {font-size: 14px;
font-weight: normal;}
.Noticia:first-letter {font-size: 16px;
font-weight: bold;}
</style>
Primero hemos definido el estilo para la clase Noticia y luego para la primera letra de la clase noticia, utilizando el pseudo elemento first-letter.
La letra 'E' inicial del párrafo aparecerá en negrita y más grande.
Por Alex
Director Técnico de WebTaller.
Usuarios que han visto este tema también han visto...
- Centrar imágenes con CSS
- Bordes Punteados con CSS
- Textscroll en CSS
- Menú rollover en CSS sin JavaScript
- Efecto zoom de imagen utilizando solo CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.