Une lettrine est un effet visuel qui consiste à agrandir la première lettre d'un paragraphe ou d'un chapitre.
Pour celà nous allons utiliser une feuille de style:
copiez et collez le code ci-dessous entre <head> et </head>
<style>
.myparagraph:first-letter{
font-size:250%;
float:left;
color:black;
}
</style>
puis ouvrez chaque paragraphe commençant par une lettrine comme ceci:
<p class="myparagraph"> Entrez votre texte ici! </p>
Vous pourrez changer:
-
la hauteur de la lettrine en changeant la valeur 250% dans font-size:250%;
- sa position en changeant left dans float:left; par center
- la couleur en changeant black par la couleur de votre choix: red, blue, yellow....