O fundo em degradé é definido no estilo da página, que por norma, está descrito no ficheiro CSS style.css. o código pode ser indroduzido como estilo de <body> ou estilo de uma <div>. Para este exemplo iremos utilizar uma <div>.
Em CSS podemos usar dois tipos de degradé: Linear (para cima, baixo, esquerda e diagonais) e Circular (definido a partir do centro). Por defeito no degradé linear as cores são enumeradas de cima para baixo, e no degradé circular do centro para fora.
<div> com degradé linear de azul para cyan para verde.
<div> com degradé circular de azul para cyan para verde.
Assim deverá adicionar no estilo da <div> (dentro do ficheiro style.css) a seguinte linha de código:
background: linear-gradient(to right, blue, cyan, green); - para o caso de degradé linear;
ou
background: radial-gradient(blue, cyan, green); - para o caso de degradé circular
Poderá alterar o nome das cores ou poderá usar valores RGB ou Websafe.