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,难道仅仅是因为系统自带....