[分享]css只写一个方向的阴影

CSS中可以使用boxshadow属性添加元素的阴影效果，通过设置阴影的x,y偏移量、模糊半径、阴影颜色等参数来实现不同的效果。如果只想在元素的某个方向添加阴影，例如只在下方添加阴影，则可以使用以下代...

CSS中可以使用box-shadow属性添加元素的阴影效果，通过设置阴影的x,y偏移量、模糊半径、阴影颜色等参数来实现不同的效果。

如果只想在元素的某个方向添加阴影，例如只在下方添加阴影，则可以使用以下代码：

box-shadow: 0px 5px 5px -5px #333; 

代码中的第一个参数设置了x偏移量为0，表示阴影沿着元素水平方向不偏移。第二个参数设置了y偏移量为5px，表示阴影沿着元素垂直方向向下偏移5px，从而形成了下方的阴影效果。第三个参数设置了模糊半径为5px，表示阴影模糊程度为5px。第四个参数设置了颜色为#333，表示阴影的颜色为深灰色。

除了只添加下方的阴影之外，还可以根据需要添加左方、右方、上方的阴影，只需要改变对应的x、y偏移量即可。例如只添加左方的阴影：

box-shadow: -5px 0px 5px -5px #333; 

代码中的第一个参数设置了x偏移量为-5px，表示阴影沿着元素水平方向向左偏移5px，从而形成了左方的阴影效果。其余参数的含义与前面相同。