跳到内容
+

阴影

使用 box-shadow 工具为元素添加或移除阴影。

示例

这些辅助工具允许你控制沿 z 轴的两个表面之间的相对深度或距离。默认情况下,有 25 个深度级别。

boxShadow: 0
boxShadow: 1
boxShadow: 2
boxShadow: 3
<Box sx={{ boxShadow: 0 }}><Box sx={{ boxShadow: 1 }}><Box sx={{ boxShadow: 2 }}><Box sx={{ boxShadow: 3 }}>

API

import { shadows } from '@mui/system';
导入名称 属性 CSS 属性 主题键
boxShadow boxShadow box-shadow shadows