disign.it | Capolettera con i CSS | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 9.951 visualizzazioni

Capolettera con i CSS

22/09/2011

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!

p class="nostra_classe"

Qui l'esempio!

CSS
← Web store di Chrome italiano Javascript cicli while →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.