Hvordan lage kvalitets CSS Graderinger

Gradient bilder eller bakgrunner kan lage en webside mer attraktivt. Du kan bare lage gradient effekt for bakgrunner eller bilder med CSS (Cascading Style Sheet) kode. Du kan legge til WebKit gradient funksjonen i ekstern CSS-fil for å realisere gradient bakgrunn eller bilder.

Bruksanvisning

1 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 som p, h4 eller ol. "P" refererer til punkt; "H4" refererer til overskriften 4; "Ol" representerer bestilt lister.

2 Skriv inn følgende kode etter bakgrunn. Lineær er den type av gradienten; venstre øverst og venstre nederst definerer bakgrunns punktene som er et par av plassdelte verdier. "Fra ()" og "til ()" angir fargen på hvert stopp, og hver "farge-stop ()" har en viss stoppverdi:

-webkit-gradient (lineær, venstre topp, venstre bunn,

fra (#eee), til (#fff), farge-stop (0,5, #fff),

farge-stop (0,5, #eee));

3 Gjør endringer i Webkit-gradient funksjon, for eksempel endring av type gradient til radikal. Du kan også endre fargen span. Klikk "Fil" og deretter "Preview" for å se effekten av koden.