跳至內容
+

陰影

使用 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';
匯入名稱 Prop CSS 屬性 主題索引鍵
boxShadow boxShadow box-shadow shadows