在Web開發中，我們經常會使用
標簽來劃分頁面的不同部分。有時候，我們希望給這些
添加一些陰影效果來增強頁面的視覺效果。而CSS提供了一種非常方便的方式來實現這個目的。
要實現
周圍的陰影效果，我們可以使用CSS的box-shadow屬性。該屬性可以接受一些參數，包括陰影的顏色、位置、大小和模糊程度等。
div {
box-shadow: 2px 2px 2px #888888;
}上面的代碼片段中，我們為
添加了一個陰影，陰影的顏色為#888888，位置為2px向右和向下，大小為2px，模糊程度則是默認值（0px）。
在使用box-shadow屬性時，我們也可以添加多個陰影效果，如下所示：
div {
box-shadow: 0px 0px 10px #888888, 0px 0px 5px #666666;
}在上面的代碼中，我們為
添加了兩個陰影效果：第一個陰影的位置在原點，大小為10px，顏色為#888888；第二個陰影的位置也在原點，大小為5px，顏色為#666666。這樣就實現了一種疊加陰影的效果。
總之，使用CSS的box-shadow屬性可以非常方便地實現
周圍的陰影效果，幫助我們在Web開發中創建更加優美的頁面設計。
上一篇div 后面追加
下一篇css實現光束循環效果