CSS中設置左右陰影是美化網頁布局的一種重要方式，下面就介紹一下如何實現：

.box {
box-shadow: 10px 10px 10px #888888; /*設置右側陰影*/
-webkit-box-shadow: 10px 10px 10px #888888;
-moz-box-shadow: 10px 10px 10px #888888;
}

其中，box-shadow是CSS3新加入的屬性，用來設置盒子元素的陰影效果。其中，第一個參數10px表示水平陰影的偏移量，第二個參數10px表示垂直陰影的偏移量，第三個參數10px表示模糊的值，越大越模糊，而第四個參數#888888 表示陰影的顏色。

同樣，如果想設置左側陰影，可以將第一個參數改為負值，如下：

.box {
box-shadow: -10px 10px 10px #888888; /*設置左側陰影*/
-webkit-box-shadow: -10px 10px 10px #888888;
-moz-box-shadow: -10px 10px 10px #888888;
}

這樣設置以后，該元素的左側就顯示了陰影效果。需要注意的是，為了兼容不同瀏覽器，需要加上-webkit-box-shadow和-moz-box-shadow的前綴。