CSS实现DIV阴影效果
网上搜的,因为做主题DIV需要阴影比较漂亮就去找了,感觉挺不错的就转了。纯CSS实现,原理是叠层,DIV一层一层的叠上去实现阴影。网上还有用图片实现的等,搜索引擎真是个好东西~
全部代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DID/xhtml1-transitional.tat"> <html xmlns="http://www.w3c.org/1999/xhtml"> <head> <title>CSS阴影</title> <link rel="stylesheet" type="text/css" href="style.css" /> <style> div {border-width: 1px; border-style: solid; padding: 1px;padding:1px;} .a {background-color: #F3F3F3; border-color: #FBFBFB;} .b {background-color: #D8D8D8; border-color: #E8E8E8;} .c {background-color: #FFF; border-color: #BBB; height: 100px;color: #ff0000;} </style> </head <body> <div class="a"> <div class="b"> <div class="c">(www.cnweed.com)CSS实现阴影效果</div> </div> </div> </bdoy> </html>
如果能支持IE这好了,好像有个JS文件可以完成这功能。
IE只对版本比较高的兼容,JS我还没学一点儿都不懂
高端人士。。。
纯路过小白。。。。。
彼此彼此啦,咋也是小白。
边框阴影:box-shadow:2px 2px 2px rgba(255,0,128,0.5);
文字阴影:text-shadow:2px 2px 2px rgba(0,128,128,0.5);
非常感谢!
加上圆角感觉会跟好哦
个人喜好吧,我试试!
ie下 可以用pie 一个让ie支持css3的脚本 无视ie6
我异常讨厌IE6,就不明白为啥那么多人喜欢用IE,难道仅仅是因为系统自带....