REDAZIONE

In alcuni siti, specialmente in quelli di poesia, i paragrafi iniziano sempre con una lettera a cui è associato uno stile diverso dalle altre. Un paragrafo in HTML è compreso tra i tag <p> e </p>.
Oltre a migliorare l’effetto grafico, questa decorazione diventa utile nella lettura per non sbagliare riga in testi molto lunghi.

Entrate nella sezione “Presentazione > Opzioni avanzate” e cliccate sul link “Modifica modello” del Foglio di stile. Nella colonna destra incollate le seguenti righe.

CSS

    #center p:first-letter{
    font-size:200%;
    font-weight: bold;
    }    

Il codice CSS che abbiamo scritto sopra è solo un punto di inizio da cui partire per dare l’effetto che più desiderate. Potete cambiare il colore, aggiungere dei bordi, etc. Ad esempio:

CSS

    #center p:first-letter { 
    border-style: outset;
    border-width: 2px;
    padding: 2px;
    font-weight: bold;
    font-size: 200%;
    background-color: yellow;
    }