Bootstrap笔记(十五) 常用类别

常用类别 - 阴影

阴影

阴影

Bootstrap提供以下类别用来设定阴影:

範例:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Bootstrap CDN --><!-- CSS only --><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"><!-- JavaScript Bundle with Popper --><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script><title>陰影</title>
</head>
<body><div class="shadow-none p-3 mb-5 bg-white">沒有陰影</div><div class="shadow-sm p-3 mb-5 bg-white">小陰影</div><div class="shadow p-3 mb-5 bg-white">正常陰影</div><div class="shadow-lg p-3 mb-5 bg-white">大陰影</div>
</body>
</html>

Bootstrap笔记(十五) 常用类别 - 阴影相关推荐

Bootstrap笔记(十六) 常用类别 - 显示层级与隐藏元素
常用类别 - 显示层级显示层级隐藏元素显示层级 Bootstrap提供了一些类别来变更HTML元素的CSS的display属性,而且这些类别具有响应式特点,其命名形式如下: xs的层级类别: . ...
Bootstrap笔记(十四) 常用类别 - 间距
常用类别 - 间距间距间距 Bootstrap提供的间距类别可以套用到 xs ~ xxl 等响应式断点,命名形式如下: xs的间距类别: {property} {sides} - {size} s ...
Bootstrap笔记(十二) 常用類別 - 色彩
常用類別 - 色彩文字色彩背景色彩文字色彩 Bootstrap提供以下類別用來設定文字色彩 : 範例: 文字色彩不同的文字色彩類別會呈現不同的文字色彩,其中最後一行在 .text-black ...
python复制指定字符串_python3.4学习笔记(十五) 字符串操作（string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等）...
python3.4学习笔记(十五) 字符串操作(string替换.删除.截取.复制.连接.比较.查找.包含.大小写转换.分割等) python print 不换行(在后面加上,end=''),prin ...
windows内核开发学习笔记十五：IRP结构
windows内核开发学习笔记十五:IRP结构 IRP(I/O Request Package)在windows内核中,有一种系统组件--IRP,即输入输出请求包.当上层应用程序需要访问底层输入输 ...
Polyworks脚本开发学习笔记(十五)-用Python连接Polyworks的COM组件
Polyworks脚本开发学习笔记(十五)-用Python连接Polyworks的COM组件用Polyworks脚本开发,没有高级语言的支持,功能难免单一,一些比较复杂的交互实现不了,界面和报告也很 ...
数据科学和人工智能技术笔记十五、支持向量机
十五.支持向量机作者:Chris Albon 译者:飞龙协议:CC BY-NC-SA 4.0 校准 SVC 中的预测概率 SVC 使用超平面来创建决策区域,不会自然输出观察是某一类成员的概率估计. ...
世界是有生命的（通向财富自由之路学习笔记十五）
最近因为工作调度的事情,有了一段空闲的日子,有比较多的时间来回望自己走过的路以及如何走好以后的路.之前忙得很少时间来写博文,很少时间来写读书笔记,逐渐将自己一些很好的习惯丢弃了.从今天起将重拾写博文的 ...
IOS之学习笔记十五(协议和委托的使用)
1.协议和委托的使用 1).协议可以看下我的这篇博客 IOS之学习笔记十四(协议的定义和实现) https://blog.csdn.net/u011068702/article/details/809 ...

Bootstrap笔记(十五) 常用类别 - 阴影

常用类别 - 阴影

阴影

Bootstrap笔记(十五) 常用类别 - 阴影相关推荐

最新文章

热门文章