- Bootstrap从入门到项目实战
- 李爱玲
- 137字
- 2025-02-23 08:23:42
5.11 阴影
在Bootstrap 4定义了4个关于阴影的类,可以用来添加阴影或去除阴影。包括.shadow-none和三个默认大小的类,CSS样式代码如下所示:

说明如下。
■ .shadow-none:去除阴影。
■ .shadow-sm:设置很小的阴影。
■ .shadow:设置正常的阴影。
■ .shadow-lg:设置更大的阴影。
【例5.27】设置阴影示例。

在IE 11浏览器中运行结果如图5-32所示。

图5-32 设置阴影效果