如何在元素的一侧添加框形阴影？

如何在元素的一侧添加框形阴影？

是的，您可以使用box-shadow规则的shadow spread属性：

.myDiv{  border: 1px solid #333;  width: 100px;  height: 100px;  box-shadow: 10px 0 5px -2px #888;}<div ></div>

第四个属性

-2px

是阴影散布，您可以使用它来改变阴影的散布，使阴影看起来仅在一侧。

这也使用阴影定位规则

10px

将其发送到右侧（水平偏移）并将其

0px

保留在元素下（垂直偏移）。

5px

是模糊半径:)