本文摘自PHP中文网,作者anonymity,侵删。
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。模拟地址:https://www.html.cn/tool/css3Preview/Box-Shadow.html
CSS 代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | box-shadow: 60px -16px teal;
box-shadow: 10px 5px 5px black;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 5em 1em gold;
box-shadow: 3px 3px red, -1em 0 0.4em olive;
box-shadow: inherit;
box-shadow: initial;
box-shadow: unset;
|
取值说明:
阅读剩余部分
相关阅读 >>
css中文乱码怎么办
css align-content属性怎么用?
css代码规范分享
css外链式和导入式的区别是什么
css中怎么取消图片间隔
css text-shadow属性怎么用
css中的块级元素是什么
css column-rule-style属性怎么用
css中伪类和伪对象(伪元素)区别是什么
css怎么设置背景图片布满全屏
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css 内阴影怎么做