要使用 CSS box-shadow 屬性來為區塊元素增加陰影效果，可以依照以下的步驟：
- 選擇要增加陰影效果的區塊元素，可以使用 CSS 選擇器。
- 在 CSS 樣式區塊中，使用 box-shadow 屬性設置陰影效果。
- box-shadow 屬性的值由四個參數組成，分別是水平偏移量、垂直偏移量、模糊半徑、陰影尺寸。例如：box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3); 表示水平偏移量為 2px，垂直偏移量為 2px，模糊半徑為 4px，陰影尺寸為 0，陰影顏色為黑色的透明度為 0.3。
- 設置好 box-shadow 屬性後，即可在網頁上看到區塊元素增加了陰影效果。
以下是一個範例，可以參考一下：
HTML:
<div class="box">
<p>這是一個區塊元素</p>
</div>
CSS:
.box {
width: 200px;
height: 100px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
}
這樣就可以讓區塊元素增加陰影效果了。
延伸閱讀