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

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

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

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

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

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

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

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

```css

element{

box-shadow:10px10px5pxblack;

```

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

```css

element{

box-shadow:inset10px10px5pxblack;

```

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

```css

element{

box-shadow:3px3px5px#888,-3px-3px5px#AAA;

```

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

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