Gradient bilder eller bakgrunder kan göra en webbsida mer attraktiv . Du kan enkelt skapa gradient effekt för bakgrunder eller bilder med CSS ( cascading style sheet ) kod . Du kan lägga till WebKit gradientfunktionen i extern CSS-fil för att förverkliga tonad bakgrund eller bilder . Saker du behöver
Dreamweaver
Visa fler instruktioner
1
Hitta din styles.css fil på din webbplats mapp . Högerklicka på den och öppna den med Dreamweaver . Lokalisera HTML varumärkena inom vilken du vill lägga din tonad bakgrund såsom p , H4 eller ol . " P " hänvisar till punkt , " H4 " refererar till kategori 4, " ol " representerar ordnade listor
2
Mata in följande kod efter bakgrunden . . Linear är den typ av lutning , vänster övre och vänstra botten definierar bakgrunden punkter som är ett par blankstegsavgränsad värden . " Från ( ) " och " till ( ) " anger färgen vid varje stopp och varje " färg - stop ( ) " har en viss hållplats värde :
- webkit - gradient ( linjär , vänstra övre , vänstra botten ,
från ( # eee ) , till ( # fff ) , färg - stop ( 0.5 , # fff ) ,
color -stop ( 0.5 , # eee ) ) ;
Billiga 3
Gör ändringar i Webkit - gradient -funktion , såsom att ändra den typ av gradient till radikal . Du kan också ändra färgen span . Klicka på " File " och sedan " Förhandsgranska " för att se effekten av koden .
