灰色的陰影是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);
}

在實際應用中，可以根據需要調整陰影的各個屬性，例如調整陰影的顏色、模糊程度等，來實現不同的效果。