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

Définition et annulation de l'ombre CSS

王林
王林avant
2021-02-24 10:38:432550parcourir

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;

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;

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;    /*下边阴影  黄色*/

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer