box-shadow学习
2015-11-26 12:03
363 查看
1、语法
蓝色的是元素框,红色的是阴影,可以看出box-shadow只是把原来的元素克隆一下而已,再加上其他修饰,生成阴影效果
box-shadow: h-shadow v-shadow blur spread color inset;
<!doctype html> <html> <head> <title>shape of css</title> <style> .moon{width:80px;height:80px;box-shadow:100px 2px red;border-radius:50%;background-color:#0fc;} </style> </head> <body> <div class="moon"></div> </body> </html>
蓝色的是元素框,红色的是阴影,可以看出box-shadow只是把原来的元素克隆一下而已,再加上其他修饰,生成阴影效果
相关文章推荐
- 利用JS验证查询参数-选择月份后必须选择年份
- 使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
- 监控应用服务
- C语言_变量的使用
- Storm:最火的流式处理框架
- oracle 数据复制(不同数据库、不同用户,无中转文件) impdp
- DTCMS会员中心快速更改样式思路
- Signalr 跨域即时聊天
- 三种方法写监听事件
- 在Ubuntu中通过update-alternatives切换软件版本
- iOS 仿射变换改变后对fram的影响
- RabbitMQ 教程一
- 《将博客搬至CSDN》
- HDU2602 01背包 xingxing在努力
- ssh localhost
- 随机抽样一致性算法(RANSAC)
- 为什么要用消息系统
- iPhone屏幕尺寸、分辨率及适配
- java实现发送手机短信
- 微软SQLHelper.cs类 中文版