Denne oppskriften vil instruere deg:
Forutsetning: Lag en HTML-fil
HTML-siden kan opprettes ved å følge instruksjonene:
- Legg til to ' '-elementer i HTML-filen.
- Tilordne IDer som ' paragraf 1 ' og ' para2 ', henholdsvis.
- Spesifiser avsnittsinnhold i disse som gitt nedenfor:
< s klasse = 'para1' >
Vellykkede mennesker legger ganske enkelt ned mye innsats og lykkes på mål; de har ikke naturlig talent.
Vellykkede mennesker legger ganske enkelt ned mye innsats og lykkes på mål; de har ikke naturlig talent. < / s >
< s klasse = 'para2' >
Vellykkede mennesker legger ganske enkelt ned mye innsats og lykkes på mål; de har ikke naturlig talent.
Vellykkede mennesker legger ganske enkelt ned mye innsats og lykkes på mål; de har ikke naturlig talent. < / s >
< / div >
Produksjon
Hvordan endre avstanden mellom avsnitt i CSS?
« margin ” egenskap kan legge til mellomrom mellom avsnittene. Dessuten, ved å bruke ' marg-bunn ” eiendom ville være et godt valg i dette tilfellet.
La oss legge til en kantegenskap for å vise margplassen fremtredende.
Stil 'para1' klasse
.para1 {grense : 1 px fast grå ;
marg-bunn : 70 piksler ;
}
« .para1 ' brukes for å få tilgang til
-elementet med id ' paragraf 1 ' og bruk følgende egenskaper:
- ' grense ”-egenskapen brukes med verdien av kantlinjebredde, stil og farge setter grensen rundt avsnittet.
- ' marg-bunn ' legger til mellomrom nederst i avsnittet.
Stil 'para2' klasse
.para2 {grense : 1 px fast grå ;
}
« 'element med id' para2 ' brukes også med kantlinjen ved å bruke CSS ' grense ' eiendom.
Det kan observeres at mellomrommene har blitt lagt til mellom avsnittene:
Hvordan endre avstanden på innsiden av avsnitt i CSS?
CSS ' linjehøyde ”-egenskapen brukes til å legge til mellomrom mellom linjene i avsnittet.
For å gjøre det, legg til line-height-egenskapen i ' 'element med id' paragraf 1 ':
linje-høyde: 2;Produksjon
Det handlet om å endre mellomrom mellom avsnittene.
Konklusjon
For å endre mellomrom mellom avsnittene, legg først til avsnitt i HTML-filen ved å bruke ' ' element. Deretter, CSS ' marg-bunn ”-egenskapen brukes til å legge til mellomrom mellom avsnittene. CSS ' linjehøyde ” egenskap legger til mellomrom inne i avsnittene. Dette innlegget har utdypet prosedyren for å endre avstanden mellom avsnitt og innsiden av avsnitt.