Cette rédaction vous indiquera :
- Comment changer l'espacement entre les paragraphes en CSS ?
- Comment changer l'espacement à l'intérieur des paragraphes en CSS ?
Prérequis : créer un fichier HTML
La page HTML peut être créée en suivant les instructions :
- Ajouter deux ' ” éléments dans le fichier HTML.
- Attribuez des identifiants comme ' paragraphe 1 ' et ' para2 ', respectivement.
- Spécifiez le contenu des paragraphes dans ceux-ci comme indiqué ci-dessous :
< p classer = 'para1' >
Les personnes qui réussissent font tout simplement beaucoup d'efforts et réussissent au but; ils n'ont pas de talent naturel.
Les personnes qui réussissent font tout simplement beaucoup d'efforts et réussissent au but; ils n'ont pas de talent naturel. < / p >
< p classer = 'para2' >
Les personnes qui réussissent font tout simplement beaucoup d'efforts et réussissent au but; ils n'ont pas de talent naturel.
Les personnes qui réussissent font tout simplement beaucoup d'efforts et réussissent au but; ils n'ont pas de talent naturel. < / p >
< / div >
Sortir
Comment changer l'espacement entre les paragraphes en CSS ?
Les ' marge ” La propriété peut ajouter des espaces entre les paragraphes. De plus, en utilisant le « marge inférieure ” propriété serait un bon choix dans ce cas.
Ajoutons une propriété border pour montrer l'espace de marge en évidence.
Style 'para1' Classe
.para1 {frontière : 1px solide grise ;
marge inférieure : 70px ;
}
Les ' .para1 ' est utilisé pour accéder à l'élément
avec l'id ' paragraphe 1 ” et appliquez les propriétés suivantes :
- ' frontière ” La propriété est appliquée avec la valeur de largeur de bordure, de style et de couleur définit la bordure autour du paragraphe.
- ' marge inférieure ” ajoute un espace en bas du paragraphe.
Style 'para2' Classe
.para2 {frontière : 1px solide grise ;
}
Les ' « élément ayant l'id » para2 ' est également appliqué avec la bordure en utilisant le CSS ' frontière ' biens.
On peut observer que les espaces ont bien été ajoutés entre les paragraphes :
Comment changer l'espacement à l'intérieur des paragraphes en CSS ?
Le SSC ' hauteur de la ligne ” La propriété est utilisée pour ajouter des espaces entre les lignes du paragraphe.
Pour ce faire, ajoutez la propriété line-height au ' « élément ayant un identifiant » paragraphe 1 ” :
hauteur de ligne : 2 ;Sortir
Il s'agissait de changer les espaces entre les paragraphes.
Conclusion
Pour changer les espaces entre les paragraphes, commencez par ajouter des paragraphes dans le fichier HTML en utilisant le ' ' élément. Ensuite, le CSS ' marge inférieure ” La propriété est utilisée pour ajouter de l'espace entre les paragraphes. Le SSC ' hauteur de la ligne ” La propriété ajoute des espaces à l'intérieur des paragraphes. Ce message a élaboré sur la procédure pour modifier l'espacement entre les paragraphes et à l'intérieur des paragraphes.