CSS中的陰影和邊框是頁面設計中常用的元素，它們可以幫助頁面增加層次感，提高視覺效果。但是有時候使用陰影和邊框時會出現不希望的情況，比如邊框過于粗糙或者陰影模糊不清，這就需要我們對這些元素進行優化。

.box {
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0,0,0,.5);
}

上述代碼為一個簡單的帶有邊框和陰影的盒子樣式，我們發現當陰影和邊框結合使用的時候，會出現陰影模糊邊框的問題，影響了整體的效果。

解決這個問題的方法就是使用CSS3屬性outline和outline-offset，這兩個屬性可以使邊框和陰影分離，從而優化整個效果。

.box {
outline: 1px solid transparent;
outline-offset: 10px;
box-shadow: 0 0 10px rgba(0,0,0,.5);
}

在上述代碼中，我們增加了兩個屬性：outline和outline-offset，其中outline用于設置邊框的樣式，而outline-offset則用于調整邊框和陰影之間的距離，這樣就可以讓陰影和邊框完美結合，不會再出現模糊的問題。

總之，對于CSS中的陰影和邊框，在實際使用中可以根據需要進行優化，從而達到更好的效果。