Dit artikel zal je instrueren:
- Hoe de afstand tussen alinea's in CSS wijzigen?
- Hoe verander ik de spatiëring binnen alinea's in CSS?
Voorwaarde: Maak een HTML-bestand
De HTML-pagina kan worden gemaakt door de instructies te volgen:
- Voeg twee ' ”-elementen in het HTML-bestand.
- ID's toewijzen als ' paragraaf 1 ' en ' lid 2 ”, respectievelijk.
- Specificeer alinea-inhoud binnen deze zoals hieronder weergegeven:
< p klas = 'para1' >
Succesvolle mensen doen gewoon veel moeite en slagen op doel; ze hebben geen natuurlijk talent.
Succesvolle mensen doen gewoon veel moeite en slagen op doel; ze hebben geen natuurlijk talent. < / p >
< p klas = 'para2' >
Succesvolle mensen doen gewoon veel moeite en slagen op doel; ze hebben geen natuurlijk talent.
Succesvolle mensen doen gewoon veel moeite en slagen op doel; ze hebben geen natuurlijk talent. < / p >
< / div >
Uitgang
Hoe de afstand tussen alinea's in CSS wijzigen?
De ' marge ” eigenschap kan spaties tussen de alinea's toevoegen. Bovendien is het gebruik van de “ marge-bodem ” onroerend goed zou in dit geval een goede keuze zijn.
Laten we een grenseigenschap toevoegen om de margeruimte prominent weer te geven.
Stijl 'para1' klasse
.para1 {grens : 1px solide grijs ;
marge-bodem : 70px ;
}
De ' .para1 ” wordt gebruikt om toegang te krijgen tot het
-element met de id “ paragraaf 1 ” en pas de volgende eigenschappen toe:
- “ grens ” eigenschap wordt toegepast met de waarde van randbreedte, stijl en kleur stelt de rand rond de alinea in.
- “ marge-bodem ” voegt ruimte toe aan de onderkant van de alinea.
Stijl 'para2' klasse
.par2 {grens : 1px solide grijs ;
}
De ' 'element met de id' lid 2 ” wordt ook toegepast met de rand met behulp van de CSS “ grens ' eigenschap.
Er kan worden opgemerkt dat de spaties met succes zijn toegevoegd tussen de paragrafen:
Hoe verander ik de spatiëring binnen alinea's in CSS?
De CSS “ lijnhoogte ” eigenschap wordt gebruikt om spaties toe te voegen tussen de regels van de paragraaf.
Om dit te doen, voegt u de regelhoogte-eigenschap toe aan de ' 'element met id' paragraaf 1 ”:
regelhoogte: 2;Uitgang
Dat ging allemaal over het veranderen van spaties tussen de alinea's.
Gevolgtrekking
Om spaties tussen de alinea's te wijzigen, voegt u eerst alinea's toe aan het HTML-bestand met behulp van de ' ”-element. Dan, de CSS “ marge-bodem ” eigenschap wordt gebruikt om ruimte tussen de paragrafen toe te voegen. De CSS “ lijnhoogte ” eigenschap voegt spaties toe binnen de alinea's. Dit bericht heeft de procedure uitgewerkt om de afstand tussen alinea's en de binnenkant van alinea's te wijzigen.