Questo articolo ti istruirà:
- Come modificare la spaziatura tra i paragrafi nei CSS?
- Come modificare la spaziatura all'interno dei paragrafi nei CSS?
Prerequisito: creare un file HTML
La pagina HTML può essere creata seguendo le istruzioni:
- Aggiungi due ' ” elementi nel file HTML.
- Assegna ID come ' paragrafo 1 ' e ' paragrafo 2 ”, rispettivamente.
- Specificare il contenuto del paragrafo all'interno di questi come indicato di seguito:
< p classe = 'para1' >
Le persone di successo semplicemente si impegnano molto e riescono in porta; non hanno talento naturale.
Le persone di successo semplicemente si impegnano molto e riescono in porta; non hanno talento naturale. < / p >
< p classe = 'para2' >
Le persone di successo semplicemente si impegnano molto e riescono in porta; non hanno talento naturale.
Le persone di successo semplicemente si impegnano molto e riescono in porta; non hanno talento naturale. < / p >
< / div >
Produzione
Come modificare la spaziatura tra i paragrafi nei CSS?
Il ' margine La proprietà ” può aggiungere spazi tra i paragrafi. Inoltre, utilizzando il “ margine inferiore La proprietà sarebbe una buona scelta in questo caso.
Aggiungiamo una proprietà border per mostrare lo spazio del margine prominente.
Stile “para1” Classe
.paragrafo 1 {confine : 1 pixel solido grigio ;
margine inferiore : 70 pixel ;
}
Il ' .paragrafo 1 ” viene utilizzato per accedere all'elemento
con l'id “ paragrafo 1 ” e applicare le seguenti proprietà:
- “ confine La proprietà ” viene applicata con il valore di larghezza del bordo, stile e colore imposta il bordo attorno al paragrafo.
- “ margine inferiore ” aggiunge spazio in fondo al paragrafo.
Stile “para2” Classe
.paragrafo 2 {confine : 1 pixel solido grigio ;
}
Il ' ” elemento con l'id “ paragrafo 2 ” si applica anche con il bordo usando il CSS “ confine ' proprietà.
Si può osservare che gli spazi sono stati aggiunti con successo tra i paragrafi:
Come modificare la spaziatura all'interno dei paragrafi nei CSS?
Il CSS” altezza della linea La proprietà ” viene utilizzata per aggiungere spazi tra le righe del paragrafo.
Per fare ciò, aggiungi la proprietà line-height al ' ” elemento con id “ paragrafo 1 ”:
altezza della riga: 2;Produzione
Si trattava di cambiare gli spazi tra i paragrafi.
Conclusione
Per modificare gli spazi tra i paragrafi, innanzitutto aggiungere paragrafi nel file HTML utilizzando il ' elemento '. Quindi, il CSS ' margine inferiore La proprietà ” viene utilizzata per aggiungere spazio tra i paragrafi. Il CSS” altezza della linea La proprietà ” aggiunge spazi all'interno dei paragrafi. Questo post ha elaborato la procedura per modificare la spaziatura tra i paragrafi e all'interno dei paragrafi.