• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. <filter-function>
  4. drop-shadow()
    • English (US)
    • Deutsch
    • Français
    • 日本語

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

在本文中

  • 尝试一下
  • 语法
  • Examples
  • See also
  1. CSS
  2. 初学者教程
  3. 你的第一个网站:样式化内容
  4. CSS 样式基础
    1. CSS 如何运行
    2. 让我们开始 CSS 的学习之旅
    3. 挑战:为传记页面添加样式
    4. CSS 选择器
    5. 属性选择器
    6. 伪类和伪元素
    7. 关系选择器
    8. 盒模型
    9. 层叠、优先级与继承
    10. 值和单位
    11. 在 CSS 中调整大小
    12. 背景与边框
    13. 溢出的内容
    14. 图像、媒体和表单元素
    15. 样式化表格
    16. 调试 CSS
    17. 挑战:基本的 CSS 理解
    18. 挑战:创建精美的信纸
    19. 挑战:一个漂亮的盒子
  5. CSS 文本样式
    1. 基本文本和字体样式
    2. 为列表添加样式
    3. 样式化链接
    4. Web 字体
    5. 挑战:排版社区大学首页
  6. CSS 布局概述
    1. 介绍 CSS 布局
    2. 浮动
    3. 定位
    4. 弹性盒子
    5. 网格
    6. 响应式设计
    7. 媒体查询入门指南
    8. 挑战:基本布局理解
  7. CSS 参考
  8. 模块
    1. CSS anchor positioning
    2. CSS 动画
    3. CSS 背景和边框
    4. CSS Basic User Interface
    5. CSS 盒子对齐
    6. CSS 基础框盒模型
    7. CSS box sizing
    8. CSS cascading and inheritance
    9. CSS 颜色调整
    10. CSS 颜色
    11. CSS compositing and blending
    12. CSS conditional rules
    13. CSS 局限
    14. CSS 计数器样式
    15. CSS custom properties for cascading variables
    16. CSS display
    17. CSS filter effects
    18. CSS 弹性盒子布局
    19. CSS font loading
    20. CSS 字体
    21. CSS 片段
    22. CSS 生成内容
    23. 网格布局
    24. CSS images
    25. CSS inline layout
    26. CSS lists and counters
    27. CSS 逻辑属性与逻辑值
    28. CSS Masking
    29. 媒体查询
    30. CSS motion path
    31. CSS 多列布局
    32. CSS namespaces
    33. CSS 嵌套
    34. CSS overflow
    35. CSS overscroll behavior
    36. CSS 分页媒体
    37. CSS 定位布局
    38. CSS properties and values API
    39. CSS pseudo-elements
    40. CSS ruby layout
    41. CSS scoping
    42. CSS scroll anchoring