TRUCCHI E MALIZIE IN BREVE
Capolettera diverso
Domanda
Vorrei che il primo carattere della prima riga di ogni paragrafo risultasse diverso dagli altri (per colore, dimensione e così via)Grazie da Alex.
Esempio funzionante
Padron 'Ntoni sapeva anche certi motti e proverbi che aveva sentito dagli antichi, «perché il motto degli antichi mai mentì»: - «Senza pilota barca non cammina» - «Per far da papa bisogna saper far da sagrestano» - oppure - «Fa' il mestiere che sai, che se non arricchisci camperai» - «Contentati di quel che t'ha fatto tuo padre; se non altro non sarai un birbante» ed altre sentenze giudiziose.
Risposta
Basta impostare uno stile per il primo carattere, da inserire tra i tag <head> ed </head>, ad esempio: <style type="text/css">.capolettera {
float: left;
font-family: serif, "Times New Roman", Times;
font-size: 4em;
line-height: 0.8;
font-weight: bold;
margin: -0.23em 0.07em 0 -0.13em;
color:gray;
height:37px
}
</style> Non resta che chiudere ogni capolettera all'interno di uno span di classe "capolettera".
Il codice
<span class="capolettera">P</span>adron 'Ntoni sapeva anche... |
Usa la nostra
Cerchi un argomento particolare di HTML?
Accedi all'INDICE DETTAGLIATO
Cerchi un trucco complesso?
La nostra sezione
TRUCCHI E MALIZIE
fa proprio al caso tuo!
Altrimenti, usa la ricerca di GOOGLE, magari a partire dal nostro sito!
Il trucco ti è stato utile?
Aggiungi un link!
NOTA BENE
Per questo consigliamo di provare il risultato almeno con MSIE, Firefox e Chrome.
Abbiamo preparato un tutorial con numerose opzioni:
Scegli le opzioni preferite, guarda l'anteprima e salva lo stile!TUTORIAL