How to remove shadow in css

In CSS, you can use the box-shadow attribute to remove the shadow, the syntax is "box-shadow:0 0px 0px color value". The boxShadow attribute can set one or more drop-down shadow boxes. Each shadow is specified by a length value, an optional color value, and an optional inset keyword. Color values ​​can be set to be transparent.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

I used the mui layout style before, but there was always this shadow, and it was useless to debug it in the browser.

This is to set the shadow

        /*  长 宽 模糊度 颜色*/
box-shadow: 0 1px 6px #ccc;

Cancel it directly Just set it to 0. It is not recommended to delete it directly in mui.css. If you change the style in mui, all the styles will change
This is after canceling the shadow

        /*  长 宽 模糊度 颜色*/
box-shadow: 0 0px 0px #ccc;

setting, there will be no Shadow

Here are some introductions to box-shadow

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

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

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

             0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/

Recommended learning:css video tutorial

The above is the detailed content of How to remove shadow in css. For more information, please follow other related articles on the PHP Chinese website!