HTML中的阴影样式可以通过CSS的`box-shadow`属性来设置。这个属性可以让你为元素添加阴影效果，使其看起来有立体感或者突出显示。

我们来看一下`box-shadow`的基本语法。`box-shadow`接受五个参数：水平偏移量、垂直偏移量、模糊距离、阴影颜色和内/外阴影。这五个参数用空格隔开，分别表示：

1. 水平偏移量（必须）：定义阴影的水平偏移，可以是正数（向右偏移）或负数（向左偏移）。默认值为0，表示没有水平偏移。

2. 垂直偏移量（必须）：定义阴影的垂直偏移，可以是正数（向下偏移）或负数（向上偏移）。默认值为0，表示没有垂直偏移。

3. 模糊距离（可选）：定义阴影的模糊程度，数值越大，阴影越模糊。默认值为0，表示没有模糊，即阴影边缘锐利。

4. 阴影颜色（可选）：定义阴影的颜色。默认值为黑色。

5. 内/外阴影（可选）：定义是外部阴影（默认）还是内部阴影。外部阴影是指元素外的阴影，内部阴影是指元素内的阴影。

例如，如果你想为一个元素添加向右下方偏移10px，模糊距离为5px的黑色外部阴影，你可以这样写：

```css

element {

    box-shadow: 10px 10px 5px black;

}

```

如果你想添加的是内部阴影，你可以在阴影颜色后面加上`inset`关键字：

```css

element {

    box-shadow: inset 10px 10px 5px black;

}

```

你还可以通过逗号分隔的方式，为元素添加多个阴影：

```css

element {

    box-shadow: 3px 3px 5px #888, -3px -3px 5px #AAA;

}

```

在这个例子中，元素有两个阴影，一个是向右下方偏移3px，模糊距离为5px的灰色阴影，另一个是向左上方偏移3px，模糊距离为5px的浅灰色阴影。

通过`box-shadow`属性，我们可以在HTML中轻松地为元素添加各种阴影样式，增强元素的视觉效果和立体感。