CSS3 box-shadow 属性

CSS 属性：box-shadow

box-shadow 属性用于在元素周围添加阴影效果。它可以接受多个参数，包括水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色。

语法

----------- -------- -------- ---- ------ ----- ------

h-shadow: 必需，表示阴影水平偏移量。可以为正数（向右偏移）或负数（向左偏移）。
v-shadow: 必需，表示阴影垂直偏移量。可以为正数（向下偏移）或负数（向上偏移）。
blur: 可选，表示阴影的模糊半径。值越大，阴影越模糊。
spread: 可选，表示阴影的扩展半径。正值扩大阴影，负值缩小阴影。
color: 可选，表示阴影的颜色。可以使用颜色值或关键词。
inset: 可选，表示阴影是否为内阴影。如果设置为 inset，则阴影在元素内部。

示例

-- --------------- ---------- --------- ---- --
----------- --- --- ---- -----

-- ---------------- ----------- --------- ------- - --
----------- ---- --- - - --- ------

-- ---------------------- -------- ------- --------- --- --
----------- - - --- --- -----

通过灵活运用 box-shadow 属性，可以为元素添加各种炫丽的阴影效果，使页面看起来更加生动和立体。