Gradient bilder eller bakgrunner kan gjøre en webside mer attraktiv . Du kan bare lage gradient effekt for bakgrunner eller bilder med CSS ( Cascading Style Sheet ) koden . Du kan legge til WebKit gradient funksjonen i ekstern CSS-fil for å realisere gradient bakgrunn eller bilder. Du trenger
Dreamweaver
Vis flere instruksjoner
en
Finn din styles.css fil på nettstedet ditt mappen. Høyreklikk den og åpne den med Dreamweaver . Finn HTML- merkene innen hvilke du vil sette gradient bakgrunn slik som p , h4 eller ol . "P " refererer til punkt; " h4 " refererer til overskriften fire ; " ol " representerer bestilt lister
2
Input følgende kode etter bakgrunn. . Linear er den type gradient , venstre topp og venstre nederst definerer bakgrunnen poeng som er et par av space- separerte verdier . " Fra ( )" og " til () " angir fargen på hvert stopp og hver " farge -stop ( )" har en viss stopp verdi : en
- webkit - gradient ( lineær, venstre topp, venstre nederst , etter
fra (# eee ) , til (# fff ) , farge -stop ( 0.5 , # fff ) , etter
farge -stop ( 0.5 , # eee ) ) ;
3
Gjør endringer i Webkit - gradient -funksjon , som for eksempel å endre typen gradering til radikal . Du kan også endre fargen span . Klikk på "File " og deretter "Preview " for å se effekten av koden .
