Un semplicissimo codice CSS che ci permette attraverso l'uso della poco conosciuta pseudo classe first-letter di ottenere un classico effetto tipografico, il capolettera. Nel nostro foglio stile semplicemente individuiamo il paragrafo a cui attribuire la pseudoclasse con questa sintassi:

p.nostra_classe:first-letter

e all'interno delle parentesi graffe font-size : 300%; font-weight : bold; float : left; width : 1em;
Specificati questi semplici parametri (alla fantasia l'applicazione di altre caratteristiche quali sfondo, colori, font-family etc etc), nell'html basterĂ  assegnare al primo paragrafo la classe sopra costruita!

Visualizza il codice