在Bootstrap 4定义了4个关于阴影的类,可以用来添加阴影或去除阴影。包括.shadow-none和三个默认大小的类,CSS样式代码如下所示:
说明如下。
■ .shadow-none:去除阴影。
■ .shadow-sm:设置很小的阴影。
■ .shadow:设置正常的阴影。
■ .shadow-lg:设置更大的阴影。
【例5.27】设置阴影示例。
在IE 11浏览器中运行结果如图5-32所示。
图5-32 设置阴影效果