Det bör vara nära toppen av dokumentet. När du gör en lutning, det finns två bitar av information du behöver: startpunkten / vinkeln, och de färger som lutningen kommer att gå mellan. Du kan välja flera färger för att få lutningen flytta mellan dem alla, och du kan ställa in en riktning eller vinkel för lutningen.  bakgrund: linjär-gradient(riktning/vinkel, färg1, färg2, färg3, etc.); Om du inte anger riktningen, lutningen kommer att gå från topp till botten. För att skapa din gradient, lägg till följande kod mellan <style> </style> taggar: html { min-höjd: 100%; } kropp { bakgrund: -webkit-linjär-gradient(#93B874, #C9DCB9); bakgrund: -o-linjär-gradient(#93B874, #C9DCB9); bakgrund: -moz-linjär-gradient(#93B874, #C9DCB9); bakgrund: linjär-gradient(#93B874, #C9DCB9); bakgrund-färg: #93B874; } Olika webbläsare har olika implementationer av gradientfunktionen, så du måste inkludera flera versioner av koden. Om du hellre vill skapa en lutning som inte är strikt vertikal, kan du lägga till riktning till lutningen för att ändra hur färgskiftet visas. Gör det genom att skriva in följande mellan taggarna < stil> </ stil>: html { min-höjd: 100%; } kropp { bakgrund: -webkit-linjär-gradient(vänster, #93B874, #C9DCB9); bakgrund: -o-linjär-gradient(höger, #93B874, #C9DCB9); bakgrund: -moz-linjär-gradient(höger, #93B874, #C9DCB9); bakgrund: linjär-gradient(till höger, #93B874, #C9DCB9); bakgrundsfärg: #93B874, } Du kan spela runt med taggarna "vänster" och "höger" för att experimentera med olika riktningar för din lutning. Detta gör att färgen bleknar. Använd samma färg för att blekna från färgen till ingenting. Du måste använda funktionen rgba () för att definiera färgen. Slutvärdet bestämmer transparensen: 0 för solid och 1 för transparent.  bakgrund: linjär-gradient(till höger, rgba(147,184,116,0), rgba(147,184,116,1)); koden för att skapa en färggradient som din webbplats bakgrund kommer att se ut ungefär så här: <!DOCTYPE html> <html> <head> <style> html { min-höjd: 100%; } kropp { bakgrund: -webkit-linjär-gradient(vänster, #93B874, #C9DCB9); bakgrund: -o-linjär-gradient(höger, #93B874, #C9DCB9); bakgrund: -moz-linjär-gradient(höger, #93B874, #C9DCB9); bakgrund: -moz-linjär-gradient(höger), #93B874, #C9DCB9); bakgrund: linjär-gradient(till höger, #93B874, #C9DCB9); bakgrundsfärg: #93B874, } </ stil> <kropp> </html> </html>
Hitta dokumentets "html"-huvud. Förstå den grundläggande syntaxen i denna process. Gör en vertikal lutning. Gör en riktningsgradient. Lägg till transparens i dina färger. Se över din ifyllda kod.