要為 HTML 的 DIV 區塊增加陰影效果，可以使用 CSS 的 box-shadow 屬性。
以下是一個簡單的範例：
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow Example</title>
<style>
.box {
background-color: #fff;
padding: 20px;
box-shadow: 5px 5px 5px #ccc;
border:1px #ccc solid;
}
</style>
</head>
<body>
<div class="box">
<p>This is a box with a shadow effect.</p>
</div>
</body>
</html>
範例結果
This is a box with a shadow effect.
在上面的範例中，我們為 DIV 區塊加上了一個叫做 box 的 CSS class。在 CSS 裡，我們設定 box-shadow 屬性，並為它指定了四個值，分別是：
- 水平位移量（x-offset）：5px。
- 垂直位移量（y-offset）：5px。
- 陰影模糊半徑（blur-radius）：5px。
- 陰影顏色（color）：#ccc。
這樣就能為 DIV 區塊增加陰影效果了。您可以根據需要自行調整這些值來達到不同的效果。
延伸閱讀