Come sovrapporre in CSS?
Domanda di: Doriana Mazza | Ultimo aggiornamento: 16 agosto 2026Valutazione: 5/5 (53 voti)
La sovrapposizione in CSS si ottiene principalmente posizionando gli elementi (position: absolute/relative) e gestendone la profondità con z-index. Impostare un z-index maggiore porta l'elemento in primo piano. Per sovrapporre testo su immagini, si usa un contenitore con position: relative e l'elemento sovrapposto con position: absolute.
Come funziona lo Z-index?
Quando due elementi si sovrappongono, il z-index determina quale elemento appare sopra l'altro. Il z-index value può essere assegnato con un numero intero o valori globali come eredita, initial e unset. Quando si usano numeri interi, l'elemento z-index assegnato all'indice più alto apparirà davanti agli altri elementi.
Line height CSS cos'è?
Indentazione del testo e altezza del righe: text-indent, line-height. La proprietà text-indent permette di specifare l'indentazione della prima riga del blocco. La proprietà line-height permette di specifare l'altezza delle righe. Si può indentare la prima riga di ogni paragrafo impostando la proprietà text-indent.
Come non far ripetere un'immagine in CSS?
background-repeat: questa proprietà ti permetterà di ripetere o meno l'immagine di sfondo del tuo elemento; il valore andrà assegnato con una keyword a scelta tra 'repeat x' (per ripeterla orizzontalmente), 'repeat y' (per ripeterla verticalmente) e 'no repeat' (per non ripeterla affatto).
Come sottolineare su CSS?
Per aggiungere una sottolineatura base a qualsiasi elemento di testo, userai il seguente codice CSS:
- CSS p { /* Targets paragraph elements */ text-decoration: underline; } ...
- CSS .important-text { text-decoration: underline; } ...
- CSS #section-title { text-decoration: underline; }