栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

box-shadow阴影属性笔记

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

box-shadow阴影属性笔记

box-shadow 阴影属性
box-shadow: 0px 0px 5px 10px #888888 inset;
第1个参数为横向(X轴)偏移值,必需。水平阴影的位置。允许负值。
第2个参数为纵向(Y轴)偏移值,必需。垂直阴影的位置。允许负值。
第3个参数为模糊距离,可选。
第4个参数为阴影的尺寸,可选。
第5个参数为阴影的颜色,可选。
第6个参数可选。将外部阴影 (outset) 改为内部阴影。

还可以设置多个投影,用逗号隔开,例如:
box-shadow: 0px 0px 0px 10px #888888,
0px 0px 0px 20px red,
0px 0px 0px 30px blue;

效果:

注意:这里使用外部阴影不会影响元素与其他元素的关系,所以要通过外边距来留出外部阴影的空间,不然会被其他元素遮住,
这里一般建议把外部阴影改成内部阴影,使用内边距就可以很好的控制。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243509.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号