本文摘自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文本域怎么写
css外部样式表怎么写
css如何设置表格标题(caption标签)的位置
css如何引入字体文件
css选择器可以插入图片吗
css怎么让图片不变形
css中relative的用法是什么
css如何设置文字居中
css transform-style属性怎么用
css框模型规定了什么作用
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css阴影的设置与取消