本文摘自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如何设置透明度不会影响子元素
html外部引用css文件不生效的原因
css中鼠标点击的五种状态分别是什么
jquery怎么改变css样式
css中如何给整个页面添加背景颜色
css中设置段落缩进的属性是什么
css columns属性怎么用
css如何让图片和文字垂直居中对齐
深入了解css3 border-sizing属性
css阴影效果如何实现
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css 内阴影怎么做