Gradient billeder eller baggrunde kan gøre en webside mere attraktiv. Du kan blot oprette gradient effekt for baggrunde eller billeder med CSS ( cascading style sheet ) kode . Du kan tilføje WebKit gradient -funktionen i din eksterne CSS-fil til at realisere gradient baggrund eller billeder. Ting du skal
Dreamweaver
Vis Flere Instruktioner
1
Find din styles.css fil i dit websted mappe. Højreklik på den og åbne den med Dreamweaver. Find de HTML mærker inden for hvilken du ønsker at sætte din gradient baggrund såsom p, h4 eller ol. "P " refererer til afsnit , " h4 " refererer til udgiftsområde 4 , " ol " repræsenterer ordnede lister
2
Indtast følgende kode efter baggrunden. . Lineær er den type af gradienten , øverst til venstre og venstre bund definerer baggrunden punkter, der er et par af rum- separerede værdier. "From ()" og " ()" angiver farven ved hvert stop , og hver "farve -stop ()" har en vis stopværdi : Hej
- webkit - gradient ( lineær, øverst til venstre , til venstre bund , Amerikas
fra (# eee ) til (# fff ) , farve -stop (0,5 , # fff ) , salg
farve -stop (0,5 , # eee )),
< br >
3
Foretag ændringer til Webkit - gradient -funktion , såsom at ændre typen af gradient til radikal . Du kan også ændre farven span . Klik på " File" og derefter " Preview" for at se effekten af koden .