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

不言
Libérer: 2018-06-28 14:05:22
original
3556 Les gens l'ont consulté

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); 
}
Copier après la connexion

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; 
}
Copier après la connexion

3. Dégradé de gauche à droite

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); 
}
Copier après la connexion

4. Dégradé de haut en bas

style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
Copier après la connexion

Par exemple :

 
 
 
 
背景渐变 

Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal