源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 如何用CSS实现DIV块的阴影效果 [打印本页]

---

作者: 欧阳锋    时间: 2019-8-8 19:16
标题: 如何用CSS实现DIV块的阴影效果


这个效果很好，而且非常简单，看下下面的div样式按理你就明白了

1. 
   
2. border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;//定义div的边框
   
3. 
   
4. //定义div的边框圆角
   
5. -webkit-border-radius: 8px;
   
6. -moz-border-radius: 8px;
   
7. border-radius: 8px;
   
8. 
   
9. //定义div的边框阴影
   
10. -webkit-box-shadow: #666 0px 0px 10px;
    
11. -moz-box-shadow: #666 0px 0px 10px;
    
12. box-shadow: #666 0px 0px 10px;background: #EEFF99;behavior: url(/PIE.htc);

复制代码

效果如下：

(, 下载次数: 73)

上传

点击文件名下载附件

---

欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)

Powered by Discuz! X3.3