Maison > interface Web > tutoriel HTML > le corps du texte

Comment ajuster la distance entre les paragraphes HTML

下次还敢
Libérer: 2024-04-22 10:12:12
original
572 Les gens l'ont consulté

En HTML, vous pouvez utiliser les propriétés CSS margin-bottom et margin-top pour ajuster l'espacement entre les paragraphes : la propriété margin-bottom définit l'espacement en bas du paragraphe, syntaxe : margin-bottom: [value] ( par exemple, margin-bottom : 10px ;) L'attribut margin-top définit l'espacement supérieur du paragraphe, syntaxe : margin-top : [value] (par exemple, margin-top : 5% ;)

Comment ajuster la distance entre les paragraphes HTML

Méthode d'ajustement de l'espacement des paragraphes HTML

En HTML, les paragraphes L'espacement entre eux peut être ajusté via les propriétés CSS margin-bottom et margin-top. margin-bottommargin-top 进行调节。

使用 margin-bottom 属性

margin-bottom 属性设置元素底部的外边距,也就是元素与下方元素之间的间距。语法如下:

<code>margin-bottom: [值];</code>
Copier après la connexion

其中,可以是百分比、像素或其他长度单位。例如,要设置段落底部间距为 10 像素,可以使用以下 CSS 代码:

<code>p {
  margin-bottom: 10px;
}</code>
Copier après la connexion

使用 margin-top 属性

margin-top 属性设置元素顶部的外边距,也就是元素与上方元素之间的间距。语法与 margin-bottom

Utilisez l'attribut margin-bottom

margin-bottom pour définir la marge au bas de l'élément, qui est l'espacement entre les élément et l’élément en dessous. La syntaxe est la suivante :

<code>margin-top: [值];</code>
Copier après la connexion
value peut être un pourcentage, des pixels ou d'autres unités de longueur. Par exemple, pour définir la marge inférieure d'un paragraphe sur 10 pixels, vous utiliserez le code CSS suivant : 🎜
<code>p {
  margin-top: 5%;
}</code>
Copier après la connexion

Utilisez la propriété margin-top

🎜margin Propriété -top Définit la marge en haut de l'élément, qui est la distance entre l'élément et l'élément au-dessus. La syntaxe est la même que margin-bottom : 🎜rrreee🎜Par exemple, pour définir la marge supérieure d'un paragraphe à 5%, vous utiliserez le code CSS suivant : 🎜rrreee

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!