在 HTML中 box-shadow
时间: 2023-12-19 16:31:50 浏览: 35
box-shadow是CSS3中的一个属性,用于在元素周围添加阴影效果。它可以用于任何HTML元素,包括文本和图像。以下是一个基本的box-shadow语法:
```css
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中,h-shadow和v-shadow是必需的,它们分别指定阴影的水平和垂直偏移量。blur和spread是可选的,它们分别指定阴影的模糊半径和扩展半径。color指定阴影的颜色,inset是可选的,它指定阴影是否为内阴影。
以下是一个例子,将一个div元素添加一个红色的外阴影:
```html
<div style="width: 200px; height: 200px; box-shadow: 10px 10px 5px 0px red;"></div>
```
此代码将在div元素周围添加一个10像素的水平和垂直偏移量,5像素的模糊半径和0像素的扩展半径的红色阴影。