css中box-shadow的用法总结
2016-10-27 18:33
453 查看
闲来无事,整理下文件夹,发现一个很久前的box-shadow文件夹,现在就总结下box-shadow的用法。
.top-right{ width: 150px; height: 80px; background-color: green; box-shadow: 4px 4px 4px salmon; } .top{ width: 150px; height: 80px; background-color: green; box-shadow: 0px -4px 4px salmon; } .left{ width: 150px; height: 80px; background-color: green; box-shadow: -4px 0px 4px salmon; } .range{ width: 150px; height: 80px; background-color: green; box-shadow: 4px 4px 4px salmon,-4px 0px 4px salmon,0px -4px 4px salmon; }
<div class="con"> <p class="top-right">box-shadow:</br>正值 正值 阴影 颜色</p> <p class="top">box-shadow:</br>0 负值 阴影 颜色</p> <p class="left">box-shadow:</br>0 负值 阴影 颜色</p> <p class="range">box-shadow:</br>0 负值 阴影 颜色</p> </div>
相关文章推荐
- CSS阴影效果(Box-shadow)用法趣味讲解
- CSS阴影效果(Box-shadow)介绍与用法
- css阴影--box-shadow的用法
- box-shadow用法总结
- CSS中box-shadow、text-shadow用法
- CSS阴影效果(Box-shadow)各种用法
- CSS属性:text-shadow,box-shadow,border-radius
- CSS3阴影 box-shadow的使用和技巧总结
- 【原】CSS 中 !important的用法总结
- CSS text-shadow,box-shadow,border-radius属性
- CSS Box Shadow
- 兼容IE6-9,FF,Chrome的box-shadow效果(纯CSS)
- 有关css用法的学习与总结
- CSS3阴影 box-shadow的使用和技巧总结
- css中提升优先级属性!important的用法总结
- CSS3阴影 box-shadow的使用和技巧总结
- CSS应用 - :before, :after, box-shadow
- JS , CSS ,image HTML DOM的加载过程 以及 总结JS的基本用法
- CSS box shadow IE6+
- css 通配符用法总结