Acest articol vă va instrui:
- Cum se schimbă distanța dintre paragrafe în CSS?
- Cum se schimbă spațierea în interiorul paragrafelor în CSS?
Cerință preliminară: creați un fișier HTML
Pagina HTML poate fi creată urmând instrucțiunile:
- Adăugați două „ ” elemente din fișierul HTML.
- Atribuiți ID-uri ca „ paragraful 1 ' și ' alin.2 ”, respectiv.
- Specificați conținutul paragrafului din acestea, după cum este prezentat mai jos:
< p clasă = 'para1' >
Oamenii de succes pur și simplu depun mult efort și reușesc la obiectiv; nu au talent natural.
Oamenii de succes pur și simplu depun mult efort și reușesc la obiectiv; nu au talent natural. < / p >
< p clasă = 'para2' >
Oamenii de succes pur și simplu depun mult efort și reușesc la obiectiv; nu au talent natural.
Oamenii de succes pur și simplu depun mult efort și reușesc la obiectiv; nu au talent natural. < / p >
< / div >
Ieșire
Cum se schimbă distanța dintre paragrafe în CSS?
„ marginea ” proprietatea poate adăuga spații între paragrafe. Mai mult, folosind „ margine-fond ” proprietatea ar fi o alegere bună în acest caz.
Să adăugăm o proprietate de margine pentru a arăta spațiul de margine proeminent.
Stil Clasa „para1”.
.para1 {frontieră : 1px solid gri ;
margine-fond : 70px ;
}
„ .para1 ” este folosit pentru a accesa elementul
cu id-ul „ paragraful 1 ” și aplică următoarele proprietăți:
- „ frontieră ” proprietatea este aplicată cu valoarea lățimii, stilului și culoarea chenarului setează chenarul în jurul paragrafului.
- „ margine-fond ” adaugă spațiu în partea de jos a paragrafului.
Stil Clasa „para2”.
.para2 {frontieră : 1px solid gri ;
}
„ „element având id-ul „ alin.2 ” se aplică și cu marginea folosind CSS „ frontieră ” proprietate.
Se poate observa că spațiile au fost adăugate cu succes între paragrafe:
Cum se schimbă spațierea în interiorul paragrafelor în CSS?
CSS „ inaltimea liniei ” proprietatea este utilizată pentru a adăuga spații între liniile paragrafului.
Pentru a face acest lucru, adăugați proprietatea line-height la „ „element având id” paragraful 1 ”:
înălțimea liniei: 2;Ieșire
Asta a fost totul despre schimbarea spațiilor dintre paragrafe.
Concluzie
Pentru a schimba spațiile dintre paragrafe, mai întâi, adăugați paragrafe în fișierul HTML utilizând „ ' element. Apoi, CSS „ margine-fond ” proprietatea este utilizată pentru a adăuga spațiu între paragrafe. CSS „ inaltimea liniei ” proprietatea adaugă spații în interiorul paragrafelor. Această postare a elaborat procedura de modificare a distanței dintre paragrafe și în interiorul paragrafelor.