Maison >interface Web >tutoriel CSS >Quatre paramètres de code pour réaliser un dégradé d'arrière-plan de page Web à l'aide de CSS

Quatre paramètres de code pour réaliser un dégradé d'arrière-plan de page Web à l'aide de CSS

不言
不言original
2018-06-28 14:05:223590parcourir

Cet article présente principalement les quatre paramètres de code pour réaliser un dégradé d'arrière-plan de page Web à l'aide de CSS. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

1. . Dégradé de haut en bas

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 
}

2. Dégradé de haut à gauche vers en bas à droite

body{ 
FILTER: Alpha( style=1,opacity=25,finishOpacity=100, 
startX=50,finishX= 100,startY=50,finishY=100); 
background-color: skyblue; 
}

3. Dégradé de gauche à droite

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); 
}

4. Dégradé de haut en bas

style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"

Par exemple :

 
 
 
 
背景渐变 

Ce qui précède est le résumé de cet article. Tout le contenu, j'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Utilisation de l'opacité transparente CSS et des versions IE du filtre de filtre de transparence

Comparaison par priorité Trois façons pour vérifier les styles de contrôle CSS

À propos de l'utilisation des unités de fenêtre et des unités de pourcentage en CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn