Cambiare la spaziatura tra paragrafi e all'interno dei paragrafi

HTML è un linguaggio di markup che offre numerosi elementi che creano la struttura del sito Web. CSS supporta HTML in modo da fornire diverse proprietà di stile e posizione agli elementi HTML. Più specificamente, l'HTML "

"L'elemento specifica il paragrafo in un documento. I paragrafi possono essere regolati con le proprietà CSS, come "margine","altezza della linea","spaziatura delle parole", e molti altri.

Questo articolo ti istruirà:

• Come cambiare la spaziatura tra i paragrafi in CSS?
• Come cambiare la spaziatura all'interno dei paragrafi in CSS?

Prerequisito: crea un file HTML

La pagina HTML può essere creata seguendo le istruzioni:

• Aggiungi due "

  "Elementi nel file HTML.

• Assegna ID come "para1" E "para2"Rispettivamente.
• Specificare il contenuto di paragrafo all'interno di questi come indicato di seguito:

Le persone di successo si impegnano semplicemente molto e riescono in porta; Non hanno talento naturale.
Le persone di successo si impegnano semplicemente molto e riescono in porta; Non hanno talento naturale.

Le persone di successo si impegnano semplicemente molto e riescono in porta; Non hanno talento naturale.
Le persone di successo si impegnano semplicemente molto e riescono in porta; Non hanno talento naturale.

Produzione

Come cambiare la spaziatura tra i paragrafi in CSS?

IL "margine"La proprietà può aggiungere spazi tra i paragrafi. Inoltre, usando il “margin-bottom"La proprietà sarebbe una buona scelta in questo caso.

Aggiungiamo una proprietà di confine per mostrare lo spazio margine prominente.

Stile Classe "Para1"

.para1
bordo: 1px grigio solido;
margine-bottom: 70px;

IL ".para1"Viene utilizzato per accedere al file

elemento con l'ID "para1"E applica le seguenti proprietà:

• "confine"La proprietà viene applicata con il valore della larghezza del bordo, dello stile e del colore imposta il bordo attorno al paragrafo.
• "margin-bottom"Aggiunge spazio nella parte inferiore del paragrafo.

Stile Classe "Para2"

.para2
bordo: 1px grigio solido;

IL "

"Elemento con l'ID"para2"Viene anche applicato con il bordo usando il CSS"confine" proprietà.

Si può osservare che gli spazi sono stati aggiunti con successo tra i paragrafi:

Come cambiare la spaziatura all'interno dei paragrafi in CSS?

Il CSS "altezza della linea"La proprietà viene utilizzata per aggiungere spazi tra le linee del paragrafo.

Per fare ciò, aggiungi la proprietà della linea di linea al "

"Elemento con id"para1":

Height di linea: 2;

Produzione

Si trattava di cambiare spazi tra i paragrafi.

Conclusione

Per modificare gli spazi tra i paragrafi, in primo luogo, aggiungi i paragrafi nel file HTML utilizzando “

"Elemento. Quindi, il CSS "margin-bottom"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.