CSS中陰影樣式設置是一個非常實用的技巧，可以用來美化網站界面，使得界面更加生動和有層次感。使用陰影樣式，可以為元素添加多種效果，如立體感，柔和感，邊框線條更加突出等。下面是一些CSS中陰影樣式的設置方法和代碼實例。

/* box-shadow屬性 */
.box-shadow {
box-shadow: 5px 5px 5px #888888;
}
/* text-shadow屬性 */
.text-shadow {
text-shadow: 2px 2px 2px #888888;
}
/* border-shadow屬性 */
.border-shadow {
border: 1px solid black;
-moz-box-shadow: 4px 4px 4px #888888;
-webkit-box-shadow: 4px 4px 4px #888888;
box-shadow: 4px 4px 4px #888888;
}
/* inset屬性 */
.inset {
box-shadow: inset 4px 4px 4px #888888;
}

上面的例子展示了幾種常見的陰影樣式設置方法。其中，box-shadow屬性可以設置元素的內部和外部陰影。其屬性值的含義為：偏移量X，偏移量Y，模糊度，顏色。text-shadow屬性用于設置文本的陰影效果，其屬性值的含義與box-shadow相同。border-shadow屬性可以設置元素的邊框陰影，由于不同瀏覽器對CSS3的陰影效果支持程度不同，因此需要添加瀏覽器私有前綴。最后一個例子展示了inset屬性，它可以用來設置元素的凹陷效果，而不是默認的凸起效果。

總結來說，CSS中的陰影樣式可以為網頁添加很多生動的視覺效果，提高網頁的質感和層次感。需要注意的是，在使用陰影樣式時，盡量控制其數量和顏色，不要過度使用，以免影響網頁的可讀性和正常使用。