Letra Capital con CSS

by yuslinan Posted on October 29, 2008

La letra capital, una letra mayúscula destacada del texto del párrafo, se puede utilizar para empezar un documento, un capítulo o para agregar interés a un boletín o a una invitación. ¿Cómo poder hacer en el contenido de un documento HTML? Con CSS lo podemos lograr de manera sencilla.

Veamos el código de ejemplo:

.dropcap
{
    float: left;
    color: #fff;
    background: #d4e9ff;
    border: 1px solid #4a6e92;
    padding: 3px 5px 1px 5px;
    display: block;
    margin-right: 6px;
    font-family: times;
    margin-top: 5px;
    font-size: 80px;
    line-height: 60px;
}

Aplicando esto al contenido, en este caso a la primera letra del párrafo: