css阴影的设置与取消


本文摘自PHP中文网,作者V,侵删。

以前一直在使用mui布局样式,但是这样会产生一个问题,阴影。

那么我们该如何取消阴影呢?

9b4ce108bb8da5f43fa417d66aee197.png

设置阴影

1

2

        /*  长 宽 模糊度 颜色*/

box-shadow: 0 1px 6px #ccc;

取消的话直接设置为0就行了,不建议直接去mui.css里面删掉,如果改掉mui里面的样式全部的样式都会变

取消阴影

1

2

        /*  长 宽 模糊度 颜色*/

box-shadow: 0 0px 0px #ccc;

设置之后就不会有阴影了

e4ade817768c501cfe15f99c067901c.png

下面是box-shadow的一些介绍

1

2

3

4

5

6

7

8

           /*长度 宽度 模糊度  阴影大小   颜色*/

box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

 

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

 

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

 

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

相关推荐:CSS教程

以上就是css阴影的设置与取消的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css+div隐藏滚动条的实现方法(代码示例)

css怎么让元素超出父元素

css如何设置背景图片位置

css给文字添加描边的方法是什么

css3混合模式使用详解

如何在文字下面添加下划线

css实现发光的按钮效果(代码示例)

css页面加载失败的原因有哪些

css line-height值为150%或1.5值的区别

css选择器的分类有哪些

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...