« anterior | siguiente »

Home > 2008 > Abril > Jueves, 10 de Abril 2008 > Letras capitales mediante CSS
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Jue10Abr2008

Letras capitales mediante CSS

16:45 H (CET)| Temas: CSS

Es curioso como el uso del pseudo-elemento :first-letter no es muy usado en la web, mientras que en papel si se suele usar con frecuencia. En este caso se trata de crear letras capitales mediante este pseudo-elemento. Para ello habrá que usar un fondo común para todas y luego modificar la letra inicial para que encaje en el marco.

firstletter.png

p:first-letter {
  display:block;
  float:left;
  border:1px solid black;
  padding:5px;
  margin:4px 5px;
  background:url(firstletter1.png);
  font-size:73px;
}

Nice Drop caps with CSS

Vía / Posh CSS

Relacionados