[CSS] Creare dell scritte con le lettere sovrapposte

Red eYe

Posted on 3/4/2010, 20:00

User deleted

CSS

Per avere del testo sovrapposto verticalmente dobbiamo modificare l'attributo line-height di un elemento; la line-height di un testo indica l'altezza tra il bordo superiore del testo e la linea successiva. Se per esempio abbiamo un testo di dimensione di 12 pixel, la linea successiva sarà a circa 12 pixel di altezza dal bordo superiore. Se il valore di line-height dovesse assumere dei valori valori inferiori all'altezza del carattere, allora la linea successiva si sovrapporrebbe a quella precedente:
Questa guida è di html.blogfree.net. Se stai cercando di copiare questa guida devi obbligatoriamente inserire il collegamento cliccabile a html.blogfree.netla fonte !

Testo Testo	CODICE <span style="line-height: 0px;">Testo</span> <span style="line-height: 5px;">Testo</span>
Testo Testo	CODICE <span style="line-height: 0px;">Testo</span> <span style="line-height: 15px;">Testo</span>
Testo Testo	CODICE <span style="line-height: 0px;">Testo</span> <span style="line-height: 2px;">Testo</span>

Si possono realizzare dei bei effetti con adeguati font e dimensioni:

Leggi il regolamento prima di inserire nuove discussioni !	CODICE <span style="line-height: 0px; font-size: 22px; font-family: Courier;">Leggi il regolamento</span> <span style="color: red; line-height: 18px; font-size: 15px;">prima di inserire nuove discussioni !</span>
Html Blog HTML - CSS - Javascript - Java	CODICE <div style="width: 300px; text-align: center;"> <span style="color: green; font-size:30px; font-family: Tahoma">Html Blog</span> <span style="line-height: 16px; font-size: 12px; font-weight: bold;">HTML - CSS - Javascript - Java</span> </div>

ANGELO

Posted on 26/4/2023, 18:16

Group: Member

Posts: 1

Helper: 0

Status: Offline

NO MERCY

1 replies since 3/4/2010, 20:00 3051 views