box-shadow三边等宽阴影

要实现三边等宽的阴影效果，你可以使用 `box-shadow` 属性，并设置适当的偏移值和模糊半径。

以下是一个示例代码：

.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5), 
              -4px 0 4px rgba(0, 0, 0, 0.5),
              4px 0 4px rgba(0, 0, 0, 0.5);
}

在上面的代码中，`box-shadow` 属性有三个阴影声明。每个声明由水平偏移量、垂直偏移量、模糊半径和颜色组成。第一个声明 `0 4px 4px rgba(0, 0, 0, 0.5)` 表示位于底部的阴影，水平和垂直偏移都为0，垂直偏移为正值，模糊半径为4px。第二个声明 `-4px 0 4px rgba(0, 0, 0, 0.5)` 表示位于左侧的阴影，水平偏移为负值，垂直偏移为0，水平偏移为负值，模糊半径为4px。第三个声明 `4px 0 4px rgba(0, 0, 0, 0.5)` 表示位于右侧的阴影，水平偏移为正值，垂直偏移为0，模糊半径为4px。

通过调整这些值，你可以实现不同的阴影效果。

相关问题

box-shadow三边均匀阴影

要实现三边均匀阴影，可以使用多个 box-shadow 属性来叠加。具体来说，可以设置一个水平偏移量为 0，垂直偏移量为正数的阴影，再设置一个水平偏移量为正数，垂直偏移量为 0 的阴影，最后再设置一个水平偏移量为负数，垂直偏移量为 0 的阴影。这样就可以实现三边均匀阴影的效果了。

下面是一个示例代码：

box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5),
            5px 0 5px -5px rgba(0, 0, 0, 0.5),
            -5px 0 5px -5px rgba(0, 0, 0, 0.5);

这个代码会在元素的上、右、左三个方向上产生均匀的阴影效果。