¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)
Para crear el famoso efecto de letra capital tan utilizado en libros y revistas, hemos de utilizar el pseudo-elemento first-letter aplicado a un párrafo cualquiera a través de una clase o un identificador, por ejemplo:
1 2 3 4 5 6 7 8 | #parrafo:first-letter{color: #333;display: block; /* Lo convertimos en bloque */float: left; /*Lo mandamos a la izquierda */font-size: 72px; /* Hacemos crecer la primera letra */margin: 5px; /* Y le ponemos un margen cuadrado de 5 píxeles */} |
Mismo que, aplicado al párrafo en donde queremos usar la letra capital:
1 | <p id="parrafo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus...</p> |
Queda como sigue:
Docente, IT Manager, Blogger & Developer. Escribo por diversión, educo por pasión. | Grandstanding is not my thing.
