Gradient Bildern oder Hintergründen können eine Web -Seite noch attraktiver. Sie können einfach den Gradienten Effekt für Hintergründe oder Bilder mit CSS ( Cascading Style Sheet )-Code . Sie können die WebKit Gradienten -Funktion in Ihrem externen CSS-Datei hinzufügen, um die Steigung Hintergrund oder Bilder zu realisieren. Things You
Dreamweaver
brauchen anzeigen Weitere Anweisungen
1
Finden Sie Ihr styles.css Datei in Ihrem Website-Ordner . Der rechten Maustaste darauf und öffnen Sie sie mit Dreamweaver . Suchen Sie die HTML- Marken , innerhalb derer Sie Ihre Gradienten Hintergrund wie p, h4 oder ol setzen . "P " bezieht sich auf Absatz , " h4 " bezieht sich auf die Rubrik 4 ; " ol " für geordnete Listen
2
Geben Sie den folgenden Code nach Hintergrund. . Linear ist der Typ des Gradienten , links oben und links unten definiert die Punkte, die Hintergrund ein Paar durch Leerzeichen getrennte Werte sind . " Von () " und " ()" gibt die Farbe an jeder Haltestelle und jede "color- stop () " hat eine gewisse Stoppwert :
-webkit - gradient (linear, links oben, links unten ,
aus (# eee ) bis ( # fff ), Farbe -stop (0.5, # fff ), Stand
Farbe -stop (0.5, # eee ) );
3
Nehmen Sie Änderungen an der Webkit - Gradienten -Funktion , z. B. Änderung der Art des Gradienten zu radikalen . Sie können auch die Farbe Spannweite . Klicken Sie auf " Datei" und dann auf " Vorschau", um die Wirkung der Code zu sehen .