CSS3 box-shadow 属性
来源:互联网 发布:网络与信息安全承诺书 编辑:程序博客网 时间:2024/05/17 06:37
box-shadow 属性向框添加一个或多个阴影。
语法
box-shadow: h-shadow v-shadow blur spread color inset;
注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可 选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。
值 描述 测试 h-shadow必需。水平阴影的位置。允许负值。测试v-shadow必需。垂直阴影的位置。允许负值。测试blur可选。模糊距离。测试spread可选。阴影的尺寸。测试color可选。阴影的颜色。请参阅 CSS 颜色值。测试inset可选。将外部阴影 (outset) 改为内部阴影。测试
案例:给一个div添加阴影
<!DOCTYPE html><html><head><style> div{width:300px;height:100px;background-color:#ff9900;-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */box-shadow: 10px 10px 5px #888888;}</style></head><body><div></div></body></html>
0 0
- CSS3 box-shadow 属性
- CSS3 box-shadow 属性
- CSS3 box-shadow 属性
- CSS3 box-shadow 属性
- CSS3 box-shadow 属性
- CSS3 box-shadow 属性
- CSS3 box-shadow 属性
- css3 box-shadow属性
- css3阴影属性box-shadow
- CSS3属性之box-shadow
- css3之box-shadow属性
- CSS3属性之二:box-shadow
- CSS3属性box-shadow使用教程
- CSS3属性box-shadow使用教程
- CSS3属性之二:box-shadow
- CSS3属性之二:box-shadow
- CSS3属性之二:box-shadow
- CSS3盒子阴影 box-shadow属性
- 开发工程师人生之路
- 取得设备运行时间
- Java压缩技术(二) ZIP压缩——Java原生实现
- Java中的24种设计模式与7大原则
- 算法3:动态规划(一)——简单动规
- CSS3 box-shadow 属性
- 关于MongoDB安全事件的一些思考
- Scala里面如何使用break和continue
- Java 枚举7常见种用法
- 在shell中实现进度条
- Java压缩技术(三) ZIP解压缩——Java原生实现
- Linux基础之sed流编辑器详解
- 系统学习深度学习(二) --自编码器,DA算法,SDA,稀疏自编码器
- EL表达式