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...
- Efecto zoom de imagen utilizando solo CSS
- Opacity en CSS
- Cómo utilizar el Opacity con CSS
- 70 ideas para crear mejores CSS
- Cómo usar fuentes personalizadas mediante 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-2011 Factoría de Internet S.L.. Todos los derechos reservados.