Fascia multicolore in HTML e CSS

Puoi creare una fascia multicolore in CSS e HTML utilizzando la proprietà background in CSS e l’elemento div in HTML.

Ecco un esempio di codice HTML e CSS per creare una fascia multicolore:

<div class="fascia"></div>

.fascia {
  height: 100px;
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

In questo esempio, stiamo creando un elemento div con una classe chiamata “fascia”. Stiamo poi applicando alcune proprietà CSS a questo elemento, tra cui un’altezza di 100 pixel e uno sfondo a strisce di sette colori dell’arcobaleno. La proprietà background utilizza la funzione linear-gradient() per creare lo sfondo multicolore. La direzione del gradiente è impostata su “to right” per far sì che i colori si susseguano orizzontalmente da sinistra a destra.

Puoi personalizzare i colori utilizzati per creare la tua fascia multicolore modificando i valori nell’argomento della funzione linear-gradient().