开发者社区> 秋天风景> 正文

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

2013-02-19 722

简介： 您可能感兴趣的相关文章 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 技巧

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

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

前端开发

CSS阴影 CSS页面

开发者社区 > 开发与运维 > 文章

云迁移中心

作者高分内容

更多

12个实用的 JavaScript 框架分享给前端开发者 19156 最棒的 JavaScript 学习指南（2018版） 5757 Chimee - 简单易用的H5视频播放器解决方案 3366 electron-vue：Vue.js 开发 Electron 桌面应用 3593 H5网页适配 iPhoneX，就是这么简单 2722

相关文章

派小星_

CSS阴影

9 0

代码迷途

一个元素纯CSS实现开关按钮【介绍box-shadow、单边或多重阴影、appearance属性】

借助checkbox表单元素、:checked伪类、::before/::after伪元素，就可以只需一个input[type="checkbox"]元素，通过纯CSS实现Switch开关效果的按钮.

110 0

jasmine_qiqi

9、CSS3新增样式（边框圆角、阴影、形变）

9、CSS3新增样式（边框圆角、阴影、形变）

32 0

游客5pa3gelrqbo2g

Web前端开发笔记——第三章 CSS语言第七节圆角边框、阴影

Web前端开发笔记——第三章 CSS语言第七节圆角边框、阴影

30 0

游客r35aptsdr4whc

CSS学习笔记 05、边框、圆角与盒子阴影（二）

CSS学习笔记 05、边框、圆角与盒子阴影（二）

41 0

游客r35aptsdr4whc

CSS学习笔记 05、边框、圆角与盒子阴影（一）

CSS学习笔记 05、边框、圆角与盒子阴影（一）

40 0

程序猿v

css：box-shadow层级问题-相邻元素背景遮盖了阴影

css：box-shadow层级问题-相邻元素背景遮盖了阴影

27 0

程序猿v

css：box-shadow实现单边，多边阴影

css：box-shadow实现单边，多边阴影

67 0

程序猿v

CSS层级小技巧：在滚动时自动添加头部阴影

CSS层级小技巧：在滚动时自动添加头部阴影

35 0

前端歌谣

html+css实战171-盒子阴影

html+css实战171-盒子阴影

65 0

+关注

秋天风景

既然选择了远方，便只顾风雨兼程。

文章

问答

作者高分内容

更多

12个实用的 JavaScript 框架分享给前端开发者 19156 最棒的 JavaScript 学习指南（2018版） 5757 Chimee - 简单易用的H5视频播放器解决方案 3366 electron-vue：Vue.js 开发 Electron 桌面应用 3593 H5网页适配 iPhoneX，就是这么简单 2722

文章排行榜

最热

最新

1 fastjson2为什么这么快 74770

2 7年资深后端带你读懂Redis源码，共总结了这7点心得 67931

3 Meetup 报名丨共话云原生架构升级，微服务x容器开源 Meetup 北京站来啦！ 64526

4 CVPR2021 | 视觉推理解释框架VRX：用结构化视觉概念作为解释网络推理逻辑的「语言」 63516

5 结构化总结与结构化思考之《金字塔原理》总结 56334

6 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 54123

7 C语言题解 | 移除元素(多种解法) 49967

8 jasypt-spring-boot敏感信息加密解密利器使用指南 47661

9 快速开发光伏电站数字孪生运维系统（一） 44669

10 Hive数据倾斜的原因以及常用解决方案 33190

11 高并发编程之阻塞队列 32750

12 Spring 事务【隔离级别与传播机制】 30497

13 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29501

14 计网之初识网络(理解网络传输的基本流程) 28022

15 DataWorks管控台无法配置PAI引擎临时解决方案 42526

16 Android体系课之--LeakCanary内存泄露检测原理解析 25940

17 零基础快速开发Vue图书管理系统—登录注册篇（一） 22688

18 IoT设备数据的存储、解析和价值挖掘实践 22653

19 【实战企业级Java二】渐进式理解Redis分布式锁 22493

20 IoT Studio 物联网可视化应用搭建开发实践 21306

1 关于几天前出的 MinIO 敏感信息泄露漏洞，分享两种扫描方法 81

2 数据备份浅谈 133

3 Flink Table Store 独立孵化启动，Apache Paimon 诞生 366

4 云原生一站式：以PolarDB为代表的阿里云瑶池数据库，带领国产数据库换道超车 148

5 银行卡四要素验证API接口怎么用 61

6 云数据库行业动态【2023年3月版】 139

7 【ASPLOS 2023】图神经网络统一图算子抽象uGrapher，大幅提高计算性能 56

8 【数据库设计与实现】第6章：并发控制 90

9 整理常用ecs命令 56

10 全面分析！ThreadLocal内存泄漏的原因！ 80

11 架构设计：系统时序图 62

12 如何将「知识」体系化管理 4183

13 JVM学习.04. Java内存模型与线程模型 72

14 m基于GRNN神经网络和高阶累积量的信号类型识别matlab仿真 55

15 Flink CDC 专题首发｜每天 10 分钟，解锁新一代数据集成框架 241

16 关于职场晋升，有这些步骤你都了解吗？（附完整指导图） 36147

17 ChatGPT4 给出数据库开发者最容易犯的 10 个错误和解决方案 100

18 性能最大提升60%，阿里云第八代企业级实例ECS g8i正式上线 7427

19 [版本更新]PolarDB-X v2.2.1 生产级关键能力开源升级 140

20 阿里云68元、36元和20.2元域名注册代金券如何领取和使用？ 57

相关课程

更多

前端开发CSS基础

4159

21

去学习

零基础学前端HTML+CSS

8759

57

去学习

CSS 快速掌握

19092

49

去学习

相关电子书

更多

零基础CSS入门教程

立即下载

低代码开发师（初级）实战教程

立即下载

阿里巴巴DevOps 最佳实践手册

立即下载

相关实验场景

更多