CSS3設置四周外陰影是一種常用的網頁美化技巧，它可以讓網頁元素在視覺效果上更加突出、立體。具體實現方法如下：

/* 設置四周外陰影 */
box-shadow: 0 0 10px rgba(0,0,0,0.3);

以上代碼中，box-shadow是CSS3中專門用來實現陰影效果的屬性，該屬性有多個子屬性可調整。其中，第一個子屬性是用來設置陰影距離水平方向的偏移量，第二個子屬性是用來設置陰影距離垂直方向的偏移量，第三個子屬性是用來設置陰影的模糊半徑，第四個子屬性是用來設置陰影的顏色。通過調整這些參數，可以實現不同樣式的陰影效果。

需要注意的是，box-shadow屬性在早期瀏覽器版本中可能不被支持，需要適當調整兼容性方案。以下代碼是一種常見的兼容性寫法：

/* 設置四周外陰影 */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Safari和Chrome */
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Firefox */
box-shadow: 0 0 10px rgba(0,0,0,0.3); /* IE9+ */

通過以上代碼，可以在不同瀏覽器中保持陰影效果的一致性，達到更好的用戶體驗。