CSS怎么让div只有下面一条边有阴影

1、新建一个html文件，命名为test.html，用于讲解CSS怎么让div只有下面一条边有阴影。

2、在test.html文件内，使用div标签创建一个模块，用于测试。

3、在test.html文件内，给div添加一个class属性，用于下面样式的设置。

4、在css标签内，通过class设置div的样式，定义它的宽度为200px，高度为200px，背景颜色为红色。

5、在css标签内，再使用box-shadow属性设置div的阴影效果，例如，这里给下边框添加红色的阴影效果。

6、在浏览器打开test.html文件，查看实现的效果。