Nwlapcug.com


Effetti speciali di testo HTML

Effetti speciali di testo HTML


HTML e CSS può produrre alcuni effetti bel testo oltre alla formattazione standard come colore di sfondo e dimensioni di carattere. Effetti speciali HTML fare testo guardare e comportarsi in modi insoliti che cattura l'interesse dello spettatore. Utilizzarli per vivacizzare una noiosa pagina Web o per migliorare il testo normale.

Capolettera

Nell'elaborazione di testi, un capolettera ingrandisce la prima lettera di un paragrafo. È possibile riprodurre l'effetto di capolettera sulle tue pagine Web con HTML e CSS. Utilizzare la proprietà "float" per allineare il capolettera e "font-size" per aumentare le sue dimensioni rispetto al resto del testo nel paragrafo. Racchiudere il carattere tra i tag "span".

Esempio:

< p >< span style = "float: left; Larghezza: 0.7em; linea-altezza: 80%; font-size: 350% "> T < / span > il suo è un esempio di un effetto di capolettera usando la proprietà float.

Testo a scorrimento

L'effetto di testo scorrevole in HTML fa testo muoversi in modi diversi. La "direzione" nel codice indica un browser dove il testo si sposterà: fino, giù, sinistra o destra. L'attributo di "comportamento" descrive come si muoverà il testo: "Scroll" rende il testo spostato oltre l'area visibile del tendone e poi ricominciare da capo; "slide" rende di arrestarsi alla fine del riquadro di selezione; "alternativo" fa sì che il testo da spostare da un lato a altro. Utilizzare "scrollamount" per determinare la velocità; maggiore è il numero, più velocemente la frequenza di scorrimento.

Esempio:

< div style = "width: 300px" >< comportamento tendone = direzione "alternativo" = "up" "scrollamount ="3"bgcolor ="giallo"> scorrimento testo verso l'alto! < / tendone >< / div >

Titolo di MouseOver

Il tag span HTML consente di apparire sopra la zona dove si inserisce un testo. Ad esempio, se si desidera aggiungere un sommario a un paragrafo, inserire il testo utilizzando il tag span.

Esempio:

< p span titolo = "Riepilogo del capitolo 1" > paragrafo testo here. </p >