Come utilizzare il gradiente di sfondo a colori in HTML

November 21

Come utilizzare il gradiente di sfondo a colori in HTML


Nella progettazione grafica, un gradiente è un blocco di colore che cambia gradualmente, o svanisce, da un colore all'altro. Ad esempio, se il colore andava dal nero al bianco, il colore intermedio sarebbe grigio. In alcuni media grafica, gradienti complessi possono essere raggiunti, dissolvenza tra più colori a differenti tassi di cambio e l'utilizzo di modelli o angoli di dissolvenza differenti. Per una pagina Web, è possibile creare un semplice gradiente utilizzando un codice. Tuttavia, assicurarsi di non utilizzare i colori che si fondono con il testo sulla pagina.

istruzione

1 Aprire il file HTML in un programma di editor HTML, ad esempio Blocco note.

2 Consultare un elenco di codici di colore HTML. Selezionare i due colori che si desidera per il gradiente.

3 Copiare la seguente riga nel corpo del file HTML:

<Stile del corpo = "Filtro: progid: DXImageTransform.Microsoft.Gradient (endColorstr = '# FFFFFF', startColorstr = '# 000000', GradientType = '0');">

In questo esempio, il colore di partenza è il nero (codice HTML del colore "# 000000") e il colore finale è bianco (HTML codice colore "#FFFFFF".) Questo codice è progettato per funzionare con Internet Explorer.

4 Sostituire i codici dei colori di inizio e fine con quelli selezionati.

5 Salvare le modifiche e visualizzare in anteprima il sito in Internet Explorer.

Consigli e avvertenze

  • Questo codice funziona solo con Internet Explorer o browser con gli opportuni plug-in.