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

以前一直在使用mui布局样式,但是这样会产生一个问题,阴影。
那么我们该如何取消阴影呢?

设置阴影
1 2 | /* 长 宽 模糊度 颜色*/
box-shadow: 0 1px 6px #ccc;
|
取消的话直接设置为0就行了,不建议直接去mui.css里面删掉,如果改掉mui里面的样式全部的样式都会变
取消阴影
1 2 | /* 长 宽 模糊度 颜色*/
box-shadow: 0 0px 0px #ccc;
|
设置之后就不会有阴影了

下面是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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css阴影的设置与取消