首页 > 代码库 > CSS之shasow（阴影）
CSS之shasow（阴影）
参考https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
box-shadow属性向框添加一个或多个阴影。语法先上：
box-shadow: h-shadow v-shadow blur spread color inset;
解释一下：
阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色;
其中X和Y是必须选的，其他可选。
在设置box-shadow时可以各式各样，非常漂亮，我们举些栗子：
<style></style>0.5em 0.5em 0.4em gold, -0.5em 0.5em 0.4em lime, -0.5em -0.5em 0.4em blue;
0 0 0 0.5em;
0 0 1em;
inset 0 -1.1em red;
inset 0 2em 3em -1em green;
0.4em 0.4em 1em olive;
0 1.5em 0.5em -1em olive;
border-radius: 50%; box-shadow: inset 0.3em 0.3em 0.9em black;
冷的锋刃
CSS之shasow（阴影）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。