CSS3 实用技巧：漂亮的页面顶部阴影

您可能感兴趣的相关文章

• 2012年最酷的25个 CSS3 学习教程
  
• 35个让人惊讶的 CSS3 动画效果演示
• 推荐12个漂亮的 CSS3 按钮实现方案
• 20个非常绚丽的 CSS3 特性应用演示
• 24款非常实用的 CSS3 工具终极收藏

 

body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
          box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}

 

更多实用 CSS3 技巧：帮助你美化网站的10+实用 CSS3 技巧

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源