要實現 div 邊框陰影,可以使用 CSS 的 box-shadow 屬性。box-shadow 屬性用于在元素的邊框周圍創建一個或多個陰影。
下面是一個示例:
```css
div {
width: 200px;
height: 200px;
border: 1px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
```
在上述示例中,我們給 div 元素設置了一個寬度和高度,并添加了一個 1 像素的黑色邊框。然后,使用 box-shadow 屬性添加了一個 10 像素的陰影,顏色為黑色(rgba(0, 0, 0, 0.5))。
box-shadow 屬性的參數由以下幾部分組成:
- 水平偏移量:指定陰影距離元素的水平距離。可以是負值、正值或零。
- 垂直偏移量:指定陰影距離元素的垂直距離。可以是負值、正值或零。
- 模糊半徑:指定陰影的模糊程度。值越大,陰影越模糊。
- 擴展半徑:指定陰影的尺寸擴展。可以用來增加陰影的大小。
- 陰影顏色:指定陰影的顏色。可以使用顏色名稱、十六進制值或 rgba 值。
你可以根據需要調整這些參數來實現不同的陰影效果。