HTMLの段落間の距離を調整する方法

HTML では、CSS プロパティ margin-bottom および margin-top を使用して、段落間の間隔を調整できます。margin-bottom プロパティは、段落の下の間隔を設定します。構文: margin-bottom: [value ] (例: margin-bottom: 10px;) margin-top 属性は段落の上部の間隔を設定します。構文: margin-top: [value] (例: margin-top: 5%;)

HTML 段落間隔調整方法

HTML では、CSS プロパティ margin-bottom および # を使用して段落間の間隔を調整できます。 ##マージントップ。

margin-bottom 属性

margin-bottom 属性を使用して、要素の下部のマージン (要素間の間隔) を設定します。要素とその下の要素。構文は次のとおりです。

<code>margin-bottom: [值];</code>

ここで、

値 には、パーセンテージ、ピクセル、またはその他の長さの単位を指定できます。たとえば、段落の下マージンを 10 ピクセルに設定するには、次の CSS コードを使用します。

<code>p {
  margin-bottom: 10px;
}</code>

margin-top プロパティを使用します

margin-top このプロパティは、要素の上部のマージンを設定します。これは、要素とその上の要素の間の距離です。構文は margin-bottom と同じです:

<code>margin-top: [值];</code>

たとえば、段落の上マージンを 5% に設定するには、次の CSS コードを使用します:

<code>p {
  margin-top: 5%;
}</code>

以上がHTMLの段落間の距離を調整する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。