Dieser Artikel wird Sie anweisen:
- Wie ändere ich den Abstand zwischen Absätzen in CSS?
- Wie ändere ich den Abstand innerhalb von Absätzen in CSS?
Voraussetzung: Erstellen Sie eine HTML-Datei
Die HTML-Seite kann erstellt werden, indem Sie den Anweisungen folgen:
- Füge zwei hinzu “ ”-Elemente in der HTML-Datei.
- IDs zuweisen als „ Absatz 1 ' und ' Absatz 2 ', bzw.
- Geben Sie den Inhalt des Absatzes wie unten angegeben an:
< p Klasse = 'para1' >
Erfolgreiche Menschen geben sich einfach viel Mühe und erreichen ihr Ziel; Sie haben kein natürliches Talent.
Erfolgreiche Menschen geben sich einfach viel Mühe und erreichen ihr Ziel; Sie haben kein natürliches Talent. < / p >
< p Klasse = 'para2' >
Erfolgreiche Menschen geben sich einfach viel Mühe und erreichen ihr Ziel; Sie haben kein natürliches Talent.
Erfolgreiche Menschen geben sich einfach viel Mühe und erreichen ihr Ziel; Sie haben kein natürliches Talent. < / p >
< / div >
Ausgabe
Wie ändere ich den Abstand zwischen Absätzen in CSS?
Die ' Rand ”-Eigenschaft können Leerzeichen zwischen den Absätzen hinzugefügt werden. Außerdem kann man mit dem „ Rand unten ” Eigentum wäre in diesem Fall eine gute Wahl.
Lassen Sie uns eine Rahmeneigenschaft hinzufügen, um den Randbereich hervorzuheben.
Stil „para1“ Klasse
.para1 {Grenze : 1px fest grau ;
Rand unten : 70px ;
}
Die ' .para1 “ wird verwendet, um auf das Element
mit der ID „ Absatz 1 “ und wenden Sie die folgenden Eigenschaften an:
- „ Grenze ”-Eigenschaft wird mit dem Wert von Rahmenbreite, Stil und Farbe angewendet und legt den Rahmen um den Absatz fest.
- „ Rand unten “ fügt am unteren Rand des Absatzes Leerzeichen hinzu.
Stil „para2“ Klasse
.para2 {Grenze : 1px fest grau ;
}
Die ' ” Element mit der ID “ Absatz 2 “ wird auch mit dem Rand über das CSS „ Grenze ' Eigentum.
Es kann beobachtet werden, dass die Leerzeichen erfolgreich zwischen den Absätzen hinzugefügt wurden:
Wie ändere ich den Abstand innerhalb von Absätzen in CSS?
Das CSS „ Zeilenhöhe ”-Eigenschaft wird verwendet, um Leerzeichen zwischen den Zeilen des Absatzes einzufügen.
Fügen Sie dazu die Eigenschaft line-height zum „ „Element mit ID“ Absatz 1 “:
Zeilenhöhe: 2;Ausgabe
Das war alles über das Ändern von Leerzeichen zwischen den Absätzen.
Fazit
Um die Leerzeichen zwischen den Absätzen zu ändern, fügen Sie zuerst Absätze in der HTML-Datei hinzu, indem Sie das „ ' Element. Dann ist das CSS „ Rand unten ”-Eigenschaft wird verwendet, um Leerzeichen zwischen den Absätzen hinzuzufügen. Das CSS „ Zeilenhöhe ”-Eigenschaft fügt Leerzeichen innerhalb der Absätze hinzu. In diesem Beitrag wurde das Verfahren zum Ändern des Abstands zwischen Absätzen und innerhalb von Absätzen erläutert.