Gradient afbeeldingen of achtergronden kunt een webpagina aantrekkelijker te maken . U kunt eenvoudig maken de gradiënt effect voor achtergronden of afbeeldingen met CSS ( cascading style sheet ) code . U kunt de WebKit gradiënt functie toe te voegen in je externe CSS-bestand op de helling achtergrond of afbeeldingen te realiseren . Wat je nodig hebt
Dreamweaver
Toon Meer Aanwijzingen
1 Vind uw styles.css bestand in uw website map. Klik met de rechtermuisknop en open het met Dreamweaver . Zoek de HTML merken waarbinnen u wilt uw verloop achtergrond zetten zoals p , h4 of ol . " P " verwijst naar paragraaf ; " h4 " heeft betrekking op rubriek 4 , " ol " staat voor geordende lijsten
Ingang 2 van de volgende code na achtergrond. . Lineair is het type van de gradiënt , linksboven en linksonder definieert de achtergrond punten die zijn een paar van de ruimte - gescheiden waarden . " Uit ( ) " en " tot ( ) " geeft de kleur bij iedere halte en elke " kleur - stop ( ) " heeft een bepaalde halte waarde : - webkit - gradient
( lineair , linksboven , linksonder ,
uit ( # eee ) , om ( # fff ) , kleur -stop ( 0.5 , # fff ) , kleur - stop ( 0.5 , # eee ) ) op Twitter ;
< br
3 > Breng wijzigingen aan in de Webkit - gradiënt functie, zoals het veranderen van de aard van de gradiënt te radicaal. U kunt ook de kleur overspanning . Klik op " File " en vervolgens op " Preview" om het effect van de code te zien .
|
