灰色的阴影是CSS中常见的一种样式，在网页设计中经常用于制作具有立体感觉的按钮、分割线等元素。这种阴影效果可以通过CSS中以下属性实现：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，各个属性的含义如下：

• h-shadow：阴影水平偏移量，可以为负值
• v-shadow：阴影垂直偏移量，可以为负值
• blur：阴影模糊半径，值越大，阴影越模糊
• spread：阴影扩散半径，值越大，阴影越扩散
• color：阴影颜色，一般使用rgba()函数设置颜色和透明度
• inset：可选值，表示是否将阴影嵌入到元素内部，而不是在元素外面绘制

例如，以下代码可以实现一个带有灰色阴影的白色按钮效果：

button {
display: inline-block;
padding: 10px 20px;
text-align: center;
background-color: #fff;
border: none;
border-radius: 5px;
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}

在实际应用中，可以根据需要调整阴影的各个属性，例如调整阴影的颜色、模糊程度等，来实现不同的效果。