Bootstrap从入门到项目实战
上QQ阅读APP看书,第一时间看更新

5.11 阴影

在Bootstrap 4定义了4个关于阴影的类,可以用来添加阴影或去除阴影。包括.shadow-none和三个默认大小的类,CSS样式代码如下所示:

说明如下。

■ .shadow-none:去除阴影。

■ .shadow-sm:设置很小的阴影。

■ .shadow:设置正常的阴影。

■ .shadow-lg:设置更大的阴影。

【例5.27】设置阴影示例。

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

图5-32 设置阴影效果