この記事では、次のことを説明します。
前提条件: HTML ファイルを作成する
HTML ページは、次の手順に従って作成できます。
- 「」を2つ追加 」要素を HTML ファイルに追加します。
- ID を「 段落1 ' と ' para2 '、 それぞれ。
- 以下に示すように、これらの中で段落コンテンツを指定します。
< p クラス = 「パラ1」 >
成功した人々は、単に多くの努力をして目標を達成します。彼らには生まれつきの才能がありません。
成功した人々は、単に多くの努力をして目標を達成します。彼らには生まれつきの才能がありません。 < / p >
< p クラス = 「パラ2」 >
成功した人々は、単に多くの努力をして目標を達成します。彼らには生まれつきの才能がありません。
成功した人々は、単に多くの努力をして目標を達成します。彼らには生まれつきの才能がありません。 < / p >
< / 分周 >
出力
CSSで段落間の間隔を変更する方法は?
「 マージン ” プロパティを使用すると、段落間にスペースを追加できます。さらに、「 マージンボトム この場合、プロパティは適切な選択です。
余白スペースを目立たせるために、border プロパティを追加しましょう。
スタイル「para1」クラス
.para1 {国境 : 1px 個体 グレー ;
マージンボトム : 70px ;
}
「 .para1 ” は、id “ の
要素にアクセスするために使用されます 段落1 」で、次のプロパティを適用します。
- 「 国境 ” プロパティは、境界線の幅、スタイル、および色の値で適用され、段落の境界線を設定します。
- 「 マージンボトム 」は、段落の下部にスペースを追加します。
スタイル「para2」クラス
.para2 {国境 : 1px 個体 グレー ;
}
「 ” id を持つ要素 “ para2 」もCSSを使用してボーダーで適用されます「 国境 ' 財産。
段落間にスペースが正常に追加されていることがわかります。
CSS で段落内の間隔を変更する方法は?
CSS「 行の高さ 」プロパティは、段落の行間にスペースを追加するために利用されます。
これを行うには、line-height プロパティを「 ”idを持つ要素” 段落1 」:
行の高さ: 2;出力
それはすべて、段落間のスペースを変更することでした.
結論
段落間のスペースを変更するには、まず、「」を使用して HTML ファイルに段落を追加します。 ' エレメント。次に、CSS「 マージンボトム 」プロパティを使用して、段落間にスペースを追加します。 CSS「 行の高さ 」プロパティは、段落内にスペースを追加します。この投稿では、段落間および段落内の間隔を変更する手順について詳しく説明しました。