Maison > interface Web > tutoriel CSS > Définition et annulation de l'ombre CSS

Définition et annulation de l'ombre CSS

王林
Libérer: 2021-02-24 10:38:43
avant
2570 Les gens l'ont consulté

Définition et annulation de l'ombre CSS

J'ai déjà utilisé le style de mise en page mui, mais cela posera un problème, l'ombre.

Alors comment annuler l'ombre ?

Définition et annulation de lombre CSS

Définir l'ombre

		/*  长 宽 模糊度 颜色*/
box-shadow: 0 1px 6px #ccc;
Copier après la connexion

Si vous souhaitez annuler, définissez-le simplement sur 0. Il n'est pas recommandé de le supprimer directement dans mui.css. vous le changez en mui Tous les styles changeront

Annulez l'ombre

		/*  长 宽 模糊度 颜色*/
box-shadow: 0 0px 0px #ccc;
Copier après la connexion

Après le réglage, il n'y aura pas d'ombre

Définition et annulation de lombre CSS

Voici quelques introductions à box-shadow

			/*长度 宽度 模糊度  阴影大小   颜色*/
 box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

  			    -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/

                10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/

                0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/
Copier après la connexion

Recommandations associées : Tutoriel 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:csdn.net
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