HTML5和CSS3提供了多種添加陰影的方法，在HTML5中，可以使用<shadow>元素來添加陰影，而在CSS3中，可以使用box-shadow屬性來添加陰影。

使用HTML5的<shadow>元素添加陰影的方法如下：

1、在HTML文檔中添加<shadow>元素。

2、設(shè)置offset-x屬性來指定陰影的水平偏移量。

3、設(shè)置offset-y屬性來指定陰影的垂直偏移量。

4、設(shè)置blur-radius屬性來指定陰影的模糊半徑。

5、設(shè)置color屬性來指定陰影的顏色。

以下代碼將在元素上添加陰影：

<shadow id="myShadow" offset-x="10" offset-y="10" blur-radius="5" color="rgba(0, 0, 0, 0.5)">
  <div>我是一個有陰影的元素</div>
</shadow>

使用CSS3的box-shadow屬性添加陰影的方法如下：

1、在CSS樣式表中添加box-shadow屬性。

2、設(shè)置h-shadow值來指定陰影的水平偏移量。

3、設(shè)置v-shadow值來指定陰影的垂直偏移量。

4、設(shè)置blur值來指定陰影的模糊半徑。

5、設(shè)置color值來指定陰影的顏色。

以下代碼將在元素上添加陰影：

div {
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
}

兩種方法都可以用來在HTML5和CSS3中添加陰影，具體使用哪種方法取決于你的需求和偏好。