野草博客

网上搜的,因为做主题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>

标签: CSS

已有 10 条评论

  1. 如果能支持IE这好了,好像有个JS文件可以完成这功能。

    1. IE只对版本比较高的兼容,JS我还没学一点儿都不懂

  2. 高端人士。。。
    纯路过小白。。。。。

    1. 彼此彼此啦,咋也是小白。

  3. 边框阴影:box-shadow:2px 2px 2px rgba(255,0,128,0.5);
    文字阴影:text-shadow:2px 2px 2px rgba(0,128,128,0.5);

  4. 加上圆角感觉会跟好哦

    1. 个人喜好吧,我试试!

  5. ie下 可以用pie 一个让ie支持css3的脚本 无视ie6

    1. 我异常讨厌IE6,就不明白为啥那么多人喜欢用IE,难道仅仅是因为系统自带....

添加新评论