CSS中的邊框效果可以讓網頁看起來更有立體感，而陰影效果更是讓網頁的整體效果提升了不少。

.shadow{
box-shadow: 5px 5px 5px #888888;
}

上面的代碼就是一個簡單的陰影效果，在元素class為shadow的元素上添加了5像素的模糊黑色陰影。

.shadow{
box-shadow: 2px 2px 4px rgba(0,0,0,0.5), -2px -2px 4px rgba(255,255,255,0.5);
border: 1px solid #ccc;
}

上面代碼中除了添加了一個黑色陰影之外，還同時添加了白色陰影。同時還添加了一個邊框。上面這個代碼的效果如下圖所示：

從上面的這個效果可以看出，陰影效果確實是可以很好的讓網頁看起來更加立體，更加有層次感。可以說CSS中的border和box-shadow是讓網頁設計變得更加生動的重要元素。