Markdown语法整理
2024-05-12 06:49:47
大部分内容来自《https://www.runoob.com/markdown/md-advance.html》
目录
@[TOC](这里写目录标题)
显示效果：
这里写目录标题
- 目录
- 标题
- 文本、段落格式
- 斜体、粗体
- 标记、删除线、下划线、引用
- 上标、下标
- 注脚
- 分隔线
- 段首小圆点
- 链接
- 代码片
- 列表
- 表格
- 基本
- 对齐方式
- 表格内换行
- 合并行、合并列
- Markdown 高级技巧
- 支持的 HTML 元素
- 转义
- 公式
- typora 画流程图、时序图(顺序图)、甘特图
- 1、横向流程图源码格式：
- 2、竖向流程图源码格式：
- 3、标准流程图源码格式：
- 4、标准流程图源码格式（横向）：
- 5、UML时序图源码样例：
- 6、UML时序图源码复杂样例：
- 7、UML标准时序图样例：
- 8、甘特图样例：
标题
使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
显示效果：
文本、段落格式
斜体、粗体
*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
显示效果：
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
标记、删除线、下划线、引用
==标记文本==
~~删除线~~
<u>带下划线文本</u>
> 引用文本
显示效果：
标记文本
删除线
带下划线文本
引用文本
上标、下标
H~2~O is是液体。
2^10^ 运算结果是 1024。
H2O is是液体。
210 运算结果是 1024。
也可以：
H<sub>2</sub>O CO<sub>2</sub>
爆米<sup>TM</sup>
效果：
H2O CO2
爆米TM
注脚
第一个具有注脚的文本。[^1]
第二个具有注脚的文本。[^2]
[^1]: 第一个注脚的解释
[^2]: 第二个注脚的解释
显示效果（注脚的解释会自动放在文末）：
第一个具有注脚的文本。1
第二个具有注脚的文本。2
分隔线
可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：
**** * ******- - -----------
显示效果：
段首小圆点
首先 · 这个符号，可以用 “-”和“+”这两个符号
+ 切换到root账户命令
su root
+ 查看网络设备列表命令
nmcli dev
显示效果：
- 切换到root账户命令
su root - 查看网络设备列表命令
nmcli dev
还可以使用
<li>开启wifi命令nmcli r wifi on
显示效果：
- 开启wifi命令
nmcli r wifi on
链接
链接: [link](https://www.csdn.net/).图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 显示效果：
链接: link.图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
代码片
如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`），例如：
`printf()` 函数显示结果如下：
printf()函数也可以用 ```包裹一段代码，并指定一种语言（也可以不指定）：
```
// A code block
int foo = ‘bar’;
``````c
// A code block
int foo = ‘bar’;
``````javascript
// An highlighted block
var foo = ‘bar’;
```
显示效果：// A code block int foo = 'bar';// A code block int foo = 'bar';// An highlighted block var foo = 'bar';列表
Markdown 支持有序列表和无序列表。
无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记，这些标记后面要添加一个空格，然后再填写内容：* 第一项 * 第二项 * 第三项- 项目* 项目+ 项目显示效果：
第一项
第二项
第三项
项目
- 项目
- 项目
- 项目
有序列表使用数字并加上 . 号来表示，如：
1. 项目1 2. 项目2 3. 项目3- 项目1
- 项目2
- 项目3
列表嵌套只需在子列表中的选项前面添加四个空格即可：
1. 第一项：- 第一项嵌套的第一个元素- 第一项嵌套的第二个元素 2. 第二项：- 第二项嵌套的第一个元素- 第二项嵌套的第二个元素显示效果：
- 第一项：
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
- 第二项：
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
表格
基本
制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。语法格式如下：
| 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元格 | 单元格 |以上代码显示结果如下：
表头 表头 单元格 单元格 单元格 单元格 对齐方式
我们可以设置表格的对齐方式：
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
实例如下：| 左对齐 | 右对齐 | 居中对齐 | | :-----| ----: | :----: | | 单元格 | 单元格 | 单元格 | | 单元格 | 单元格 | 单元格 |显示效果：
左对齐 右对齐 居中对齐 单元格 单元格 单元格 单元格 单元格 单元格 表格内换行
|姓名|爱好| --|--| 张三|足球<br>篮球 李四|羽毛球<br>乒乓球显示效果：
姓名 爱好 张三 足球
篮球李四 羽毛球
乒乓球合并行、合并列
参考这儿：https://blog.csdn.net/wowocpp/article/details/80909693
<table><tr><td>列一</td> <td>列一</td> </tr><tr><td colspan="2">合并行</td> </tr><tr><td colspan="2">合并行</td> </tr> </table>显示效果：
列一 列一 合并行 合并行 <table><tr><td>列一</td> <td>列二</td> </tr><tr><td rowspan="2">合并列</td> <td >行二列二</td> </tr><tr><td >行三列二</td> </tr> </table>显示效果：
列一 列二 合并列 行二列二 行三列二 Markdown 高级技巧
支持的 HTML 元素
不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如： 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑显示效果：
使用 Ctrl+Alt+Del 重启电脑转义
Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：
**文本加粗** \*\* 正常显示星号 \*\*显示效果：
文本加粗
** 正常显示星号 **公式
当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后，问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。参考文档，如：
$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ $$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $$输出结果为：
Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N
Γ(z)=∫0∞tz−1e−tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
typora 画流程图、时序图(顺序图)、甘特图
复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果：
以下几个实例效果图如下：1、横向流程图源码格式：
```mermaid
graph LR
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图]
```
效果图如下：#mermaid-svg-GmSkyqi0YeDsT2Th .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .label text{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .node rect,#mermaid-svg-GmSkyqi0YeDsT2Th .node circle,#mermaid-svg-GmSkyqi0YeDsT2Th .node ellipse,#mermaid-svg-GmSkyqi0YeDsT2Th .node polygon,#mermaid-svg-GmSkyqi0YeDsT2Th .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-GmSkyqi0YeDsT2Th .node .label{text-align:center;fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .node.clickable{cursor:pointer}#mermaid-svg-GmSkyqi0YeDsT2Th .arrowheadPath{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-GmSkyqi0YeDsT2Th .flowchart-link{stroke:#333;fill:none}#mermaid-svg-GmSkyqi0YeDsT2Th .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-GmSkyqi0YeDsT2Th .edgeLabel rect{opacity:0.9}#mermaid-svg-GmSkyqi0YeDsT2Th .edgeLabel span{color:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-GmSkyqi0YeDsT2Th .cluster text{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-GmSkyqi0YeDsT2Th .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-GmSkyqi0YeDsT2Th text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-GmSkyqi0YeDsT2Th .actor-line{stroke:grey}#mermaid-svg-GmSkyqi0YeDsT2Th .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-GmSkyqi0YeDsT2Th #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .sequenceNumber{fill:#fff}#mermaid-svg-GmSkyqi0YeDsT2Th #sequencenumber{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th #crosshead path{fill:#333;stroke:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .messageText{fill:#333;stroke:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-GmSkyqi0YeDsT2Th .labelText,#mermaid-svg-GmSkyqi0YeDsT2Th .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-GmSkyqi0YeDsT2Th .loopText,#mermaid-svg-GmSkyqi0YeDsT2Th .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-GmSkyqi0YeDsT2Th .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-GmSkyqi0YeDsT2Th .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-GmSkyqi0YeDsT2Th .noteText,#mermaid-svg-GmSkyqi0YeDsT2Th .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-GmSkyqi0YeDsT2Th .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-GmSkyqi0YeDsT2Th .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-GmSkyqi0YeDsT2Th .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-GmSkyqi0YeDsT2Th .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .section{stroke:none;opacity:0.2}#mermaid-svg-GmSkyqi0YeDsT2Th .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-GmSkyqi0YeDsT2Th .section2{fill:#fff400}#mermaid-svg-GmSkyqi0YeDsT2Th .section1,#mermaid-svg-GmSkyqi0YeDsT2Th .section3{fill:#fff;opacity:0.2}#mermaid-svg-GmSkyqi0YeDsT2Th .sectionTitle0{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .sectionTitle1{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .sectionTitle2{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .sectionTitle3{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-GmSkyqi0YeDsT2Th .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .grid path{stroke-width:0}#mermaid-svg-GmSkyqi0YeDsT2Th .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-GmSkyqi0YeDsT2Th .task{stroke-width:2}#mermaid-svg-GmSkyqi0YeDsT2Th .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .taskText:not([font-size]){font-size:11px}#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-GmSkyqi0YeDsT2Th .task.clickable{cursor:pointer}#mermaid-svg-GmSkyqi0YeDsT2Th .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-GmSkyqi0YeDsT2Th .taskText0,#mermaid-svg-GmSkyqi0YeDsT2Th .taskText1,#mermaid-svg-GmSkyqi0YeDsT2Th .taskText2,#mermaid-svg-GmSkyqi0YeDsT2Th .taskText3{fill:#fff}#mermaid-svg-GmSkyqi0YeDsT2Th .task0,#mermaid-svg-GmSkyqi0YeDsT2Th .task1,#mermaid-svg-GmSkyqi0YeDsT2Th .task2,#mermaid-svg-GmSkyqi0YeDsT2Th .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutside0,#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutside2{fill:#000}#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutside1,#mermaid-svg-GmSkyqi0YeDsT2Th .taskTextOutside3{fill:#000}#mermaid-svg-GmSkyqi0YeDsT2Th .active0,#mermaid-svg-GmSkyqi0YeDsT2Th .active1,#mermaid-svg-GmSkyqi0YeDsT2Th .active2,#mermaid-svg-GmSkyqi0YeDsT2Th .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-GmSkyqi0YeDsT2Th .activeText0,#mermaid-svg-GmSkyqi0YeDsT2Th .activeText1,#mermaid-svg-GmSkyqi0YeDsT2Th .activeText2,#mermaid-svg-GmSkyqi0YeDsT2Th .activeText3{fill:#000 !important}#mermaid-svg-GmSkyqi0YeDsT2Th .done0,#mermaid-svg-GmSkyqi0YeDsT2Th .done1,#mermaid-svg-GmSkyqi0YeDsT2Th .done2,#mermaid-svg-GmSkyqi0YeDsT2Th .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-GmSkyqi0YeDsT2Th .doneText0,#mermaid-svg-GmSkyqi0YeDsT2Th .doneText1,#mermaid-svg-GmSkyqi0YeDsT2Th .doneText2,#mermaid-svg-GmSkyqi0YeDsT2Th .doneText3{fill:#000 !important}#mermaid-svg-GmSkyqi0YeDsT2Th .crit0,#mermaid-svg-GmSkyqi0YeDsT2Th .crit1,#mermaid-svg-GmSkyqi0YeDsT2Th .crit2,#mermaid-svg-GmSkyqi0YeDsT2Th .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-GmSkyqi0YeDsT2Th .activeCrit0,#mermaid-svg-GmSkyqi0YeDsT2Th .activeCrit1,#mermaid-svg-GmSkyqi0YeDsT2Th .activeCrit2,#mermaid-svg-GmSkyqi0YeDsT2Th .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-GmSkyqi0YeDsT2Th .doneCrit0,#mermaid-svg-GmSkyqi0YeDsT2Th .doneCrit1,#mermaid-svg-GmSkyqi0YeDsT2Th .doneCrit2,#mermaid-svg-GmSkyqi0YeDsT2Th .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-GmSkyqi0YeDsT2Th .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-GmSkyqi0YeDsT2Th .milestoneText{font-style:italic}#mermaid-svg-GmSkyqi0YeDsT2Th .doneCritText0,#mermaid-svg-GmSkyqi0YeDsT2Th .doneCritText1,#mermaid-svg-GmSkyqi0YeDsT2Th .doneCritText2,#mermaid-svg-GmSkyqi0YeDsT2Th .doneCritText3{fill:#000 !important}#mermaid-svg-GmSkyqi0YeDsT2Th .activeCritText0,#mermaid-svg-GmSkyqi0YeDsT2Th .activeCritText1,#mermaid-svg-GmSkyqi0YeDsT2Th .activeCritText2,#mermaid-svg-GmSkyqi0YeDsT2Th .activeCritText3{fill:#000 !important}#mermaid-svg-GmSkyqi0YeDsT2Th .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-GmSkyqi0YeDsT2Th g.classGroup text .title{font-weight:bolder}#mermaid-svg-GmSkyqi0YeDsT2Th g.clickable{cursor:pointer}#mermaid-svg-GmSkyqi0YeDsT2Th g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-GmSkyqi0YeDsT2Th g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-GmSkyqi0YeDsT2Th .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-GmSkyqi0YeDsT2Th .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-GmSkyqi0YeDsT2Th .dashed-line{stroke-dasharray:3}#mermaid-svg-GmSkyqi0YeDsT2Th #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th .commit-id,#mermaid-svg-GmSkyqi0YeDsT2Th .commit-msg,#mermaid-svg-GmSkyqi0YeDsT2Th .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-GmSkyqi0YeDsT2Th g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-GmSkyqi0YeDsT2Th g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-GmSkyqi0YeDsT2Th g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-GmSkyqi0YeDsT2Th .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-GmSkyqi0YeDsT2Th .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-GmSkyqi0YeDsT2Th .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-GmSkyqi0YeDsT2Th .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-GmSkyqi0YeDsT2Th .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-GmSkyqi0YeDsT2Th .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-GmSkyqi0YeDsT2Th .edgeLabel text{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-GmSkyqi0YeDsT2Th .node circle.state-start{fill:black;stroke:black}#mermaid-svg-GmSkyqi0YeDsT2Th .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-GmSkyqi0YeDsT2Th #statediagram-barbEnd{fill:#9370db}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-state .divider{stroke:#9370db}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-GmSkyqi0YeDsT2Th .note-edge{stroke-dasharray:5}#mermaid-svg-GmSkyqi0YeDsT2Th .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-GmSkyqi0YeDsT2Th .error-icon{fill:#522}#mermaid-svg-GmSkyqi0YeDsT2Th .error-text{fill:#522;stroke:#522}#mermaid-svg-GmSkyqi0YeDsT2Th .edge-thickness-normal{stroke-width:2px}#mermaid-svg-GmSkyqi0YeDsT2Th .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-GmSkyqi0YeDsT2Th .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-GmSkyqi0YeDsT2Th .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-GmSkyqi0YeDsT2Th .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-GmSkyqi0YeDsT2Th .marker{fill:#333}#mermaid-svg-GmSkyqi0YeDsT2Th .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-GmSkyqi0YeDsT2Th {color: rgba(0, 0, 0, 0.75);font: ;}a=1a=2方形圆角条件a结果1结果2横向流程图2、竖向流程图源码格式：
```mermaid
graph TD
A[方形] --> B(圆角)
B --> C{条件a}
C --> |a=1| D[结果1]
C --> |a=2| E[结果2]
F[竖向流程图]
```
效果图如下：#mermaid-svg-P70Xs94PFyaKOHir .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-P70Xs94PFyaKOHir .label text{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .node rect,#mermaid-svg-P70Xs94PFyaKOHir .node circle,#mermaid-svg-P70Xs94PFyaKOHir .node ellipse,#mermaid-svg-P70Xs94PFyaKOHir .node polygon,#mermaid-svg-P70Xs94PFyaKOHir .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-P70Xs94PFyaKOHir .node .label{text-align:center;fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .node.clickable{cursor:pointer}#mermaid-svg-P70Xs94PFyaKOHir .arrowheadPath{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-P70Xs94PFyaKOHir .flowchart-link{stroke:#333;fill:none}#mermaid-svg-P70Xs94PFyaKOHir .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-P70Xs94PFyaKOHir .edgeLabel rect{opacity:0.9}#mermaid-svg-P70Xs94PFyaKOHir .edgeLabel span{color:#333}#mermaid-svg-P70Xs94PFyaKOHir .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-P70Xs94PFyaKOHir .cluster text{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-P70Xs94PFyaKOHir .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-P70Xs94PFyaKOHir text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-P70Xs94PFyaKOHir .actor-line{stroke:grey}#mermaid-svg-P70Xs94PFyaKOHir .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-P70Xs94PFyaKOHir .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-P70Xs94PFyaKOHir #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-P70Xs94PFyaKOHir .sequenceNumber{fill:#fff}#mermaid-svg-P70Xs94PFyaKOHir #sequencenumber{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir #crosshead path{fill:#333;stroke:#333}#mermaid-svg-P70Xs94PFyaKOHir .messageText{fill:#333;stroke:#333}#mermaid-svg-P70Xs94PFyaKOHir .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-P70Xs94PFyaKOHir .labelText,#mermaid-svg-P70Xs94PFyaKOHir .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-P70Xs94PFyaKOHir .loopText,#mermaid-svg-P70Xs94PFyaKOHir .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-P70Xs94PFyaKOHir .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-P70Xs94PFyaKOHir .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-P70Xs94PFyaKOHir .noteText,#mermaid-svg-P70Xs94PFyaKOHir .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-P70Xs94PFyaKOHir .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-P70Xs94PFyaKOHir .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-P70Xs94PFyaKOHir .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-P70Xs94PFyaKOHir .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .section{stroke:none;opacity:0.2}#mermaid-svg-P70Xs94PFyaKOHir .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-P70Xs94PFyaKOHir .section2{fill:#fff400}#mermaid-svg-P70Xs94PFyaKOHir .section1,#mermaid-svg-P70Xs94PFyaKOHir .section3{fill:#fff;opacity:0.2}#mermaid-svg-P70Xs94PFyaKOHir .sectionTitle0{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .sectionTitle1{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .sectionTitle2{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .sectionTitle3{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-P70Xs94PFyaKOHir .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .grid path{stroke-width:0}#mermaid-svg-P70Xs94PFyaKOHir .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-P70Xs94PFyaKOHir .task{stroke-width:2}#mermaid-svg-P70Xs94PFyaKOHir .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .taskText:not([font-size]){font-size:11px}#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-P70Xs94PFyaKOHir .task.clickable{cursor:pointer}#mermaid-svg-P70Xs94PFyaKOHir .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-P70Xs94PFyaKOHir .taskText0,#mermaid-svg-P70Xs94PFyaKOHir .taskText1,#mermaid-svg-P70Xs94PFyaKOHir .taskText2,#mermaid-svg-P70Xs94PFyaKOHir .taskText3{fill:#fff}#mermaid-svg-P70Xs94PFyaKOHir .task0,#mermaid-svg-P70Xs94PFyaKOHir .task1,#mermaid-svg-P70Xs94PFyaKOHir .task2,#mermaid-svg-P70Xs94PFyaKOHir .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutside0,#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutside2{fill:#000}#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutside1,#mermaid-svg-P70Xs94PFyaKOHir .taskTextOutside3{fill:#000}#mermaid-svg-P70Xs94PFyaKOHir .active0,#mermaid-svg-P70Xs94PFyaKOHir .active1,#mermaid-svg-P70Xs94PFyaKOHir .active2,#mermaid-svg-P70Xs94PFyaKOHir .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-P70Xs94PFyaKOHir .activeText0,#mermaid-svg-P70Xs94PFyaKOHir .activeText1,#mermaid-svg-P70Xs94PFyaKOHir .activeText2,#mermaid-svg-P70Xs94PFyaKOHir .activeText3{fill:#000 !important}#mermaid-svg-P70Xs94PFyaKOHir .done0,#mermaid-svg-P70Xs94PFyaKOHir .done1,#mermaid-svg-P70Xs94PFyaKOHir .done2,#mermaid-svg-P70Xs94PFyaKOHir .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-P70Xs94PFyaKOHir .doneText0,#mermaid-svg-P70Xs94PFyaKOHir .doneText1,#mermaid-svg-P70Xs94PFyaKOHir .doneText2,#mermaid-svg-P70Xs94PFyaKOHir .doneText3{fill:#000 !important}#mermaid-svg-P70Xs94PFyaKOHir .crit0,#mermaid-svg-P70Xs94PFyaKOHir .crit1,#mermaid-svg-P70Xs94PFyaKOHir .crit2,#mermaid-svg-P70Xs94PFyaKOHir .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-P70Xs94PFyaKOHir .activeCrit0,#mermaid-svg-P70Xs94PFyaKOHir .activeCrit1,#mermaid-svg-P70Xs94PFyaKOHir .activeCrit2,#mermaid-svg-P70Xs94PFyaKOHir .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-P70Xs94PFyaKOHir .doneCrit0,#mermaid-svg-P70Xs94PFyaKOHir .doneCrit1,#mermaid-svg-P70Xs94PFyaKOHir .doneCrit2,#mermaid-svg-P70Xs94PFyaKOHir .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-P70Xs94PFyaKOHir .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-P70Xs94PFyaKOHir .milestoneText{font-style:italic}#mermaid-svg-P70Xs94PFyaKOHir .doneCritText0,#mermaid-svg-P70Xs94PFyaKOHir .doneCritText1,#mermaid-svg-P70Xs94PFyaKOHir .doneCritText2,#mermaid-svg-P70Xs94PFyaKOHir .doneCritText3{fill:#000 !important}#mermaid-svg-P70Xs94PFyaKOHir .activeCritText0,#mermaid-svg-P70Xs94PFyaKOHir .activeCritText1,#mermaid-svg-P70Xs94PFyaKOHir .activeCritText2,#mermaid-svg-P70Xs94PFyaKOHir .activeCritText3{fill:#000 !important}#mermaid-svg-P70Xs94PFyaKOHir .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-P70Xs94PFyaKOHir g.classGroup text .title{font-weight:bolder}#mermaid-svg-P70Xs94PFyaKOHir g.clickable{cursor:pointer}#mermaid-svg-P70Xs94PFyaKOHir g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-P70Xs94PFyaKOHir g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-P70Xs94PFyaKOHir .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-P70Xs94PFyaKOHir .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-P70Xs94PFyaKOHir .dashed-line{stroke-dasharray:3}#mermaid-svg-P70Xs94PFyaKOHir #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir .commit-id,#mermaid-svg-P70Xs94PFyaKOHir .commit-msg,#mermaid-svg-P70Xs94PFyaKOHir .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-P70Xs94PFyaKOHir g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-P70Xs94PFyaKOHir g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-P70Xs94PFyaKOHir g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-P70Xs94PFyaKOHir .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-P70Xs94PFyaKOHir .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-P70Xs94PFyaKOHir .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-P70Xs94PFyaKOHir .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-P70Xs94PFyaKOHir .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-P70Xs94PFyaKOHir .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-P70Xs94PFyaKOHir .edgeLabel text{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P70Xs94PFyaKOHir .node circle.state-start{fill:black;stroke:black}#mermaid-svg-P70Xs94PFyaKOHir .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-P70Xs94PFyaKOHir #statediagram-barbEnd{fill:#9370db}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-state .divider{stroke:#9370db}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-P70Xs94PFyaKOHir .note-edge{stroke-dasharray:5}#mermaid-svg-P70Xs94PFyaKOHir .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-P70Xs94PFyaKOHir .error-icon{fill:#522}#mermaid-svg-P70Xs94PFyaKOHir .error-text{fill:#522;stroke:#522}#mermaid-svg-P70Xs94PFyaKOHir .edge-thickness-normal{stroke-width:2px}#mermaid-svg-P70Xs94PFyaKOHir .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-P70Xs94PFyaKOHir .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-P70Xs94PFyaKOHir .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-P70Xs94PFyaKOHir .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-P70Xs94PFyaKOHir .marker{fill:#333}#mermaid-svg-P70Xs94PFyaKOHir .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-P70Xs94PFyaKOHir {color: rgba(0, 0, 0, 0.75);font: ;}a=1a=2方形圆角条件a结果1结果2竖向流程图3、标准流程图源码格式：
```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```
效果图如下：Created with Raphaël 2.3.0开始框处理框判断框(是或否?)输入输出框结束框子流程yesno4、标准流程图源码格式（横向）：
```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```
效果图如下：Created with Raphaël 2.3.0开始框处理框判断框(是或否?)输入输出框结束框子流程yesno5、UML时序图源码样例：
```mermaid
sequenceDiagram
对象A->>对象B: 对象B你好吗?（请求）
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B–>>对象A: 我很好(响应)
对象A->>对象B: 你真的好吗？
```
效果图如下：#mermaid-svg-pviQmVEpkBomDhNE .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-pviQmVEpkBomDhNE .label text{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .node rect,#mermaid-svg-pviQmVEpkBomDhNE .node circle,#mermaid-svg-pviQmVEpkBomDhNE .node ellipse,#mermaid-svg-pviQmVEpkBomDhNE .node polygon,#mermaid-svg-pviQmVEpkBomDhNE .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-pviQmVEpkBomDhNE .node .label{text-align:center;fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .node.clickable{cursor:pointer}#mermaid-svg-pviQmVEpkBomDhNE .arrowheadPath{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-pviQmVEpkBomDhNE .flowchart-link{stroke:#333;fill:none}#mermaid-svg-pviQmVEpkBomDhNE .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-pviQmVEpkBomDhNE .edgeLabel rect{opacity:0.9}#mermaid-svg-pviQmVEpkBomDhNE .edgeLabel span{color:#333}#mermaid-svg-pviQmVEpkBomDhNE .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-pviQmVEpkBomDhNE .cluster text{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-pviQmVEpkBomDhNE .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-pviQmVEpkBomDhNE text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-pviQmVEpkBomDhNE .actor-line{stroke:grey}#mermaid-svg-pviQmVEpkBomDhNE .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-pviQmVEpkBomDhNE .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-pviQmVEpkBomDhNE #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-pviQmVEpkBomDhNE .sequenceNumber{fill:#fff}#mermaid-svg-pviQmVEpkBomDhNE #sequencenumber{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE #crosshead path{fill:#333;stroke:#333}#mermaid-svg-pviQmVEpkBomDhNE .messageText{fill:#333;stroke:#333}#mermaid-svg-pviQmVEpkBomDhNE .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-pviQmVEpkBomDhNE .labelText,#mermaid-svg-pviQmVEpkBomDhNE .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-pviQmVEpkBomDhNE .loopText,#mermaid-svg-pviQmVEpkBomDhNE .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-pviQmVEpkBomDhNE .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-pviQmVEpkBomDhNE .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-pviQmVEpkBomDhNE .noteText,#mermaid-svg-pviQmVEpkBomDhNE .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-pviQmVEpkBomDhNE .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-pviQmVEpkBomDhNE .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-pviQmVEpkBomDhNE .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-pviQmVEpkBomDhNE .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .section{stroke:none;opacity:0.2}#mermaid-svg-pviQmVEpkBomDhNE .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-pviQmVEpkBomDhNE .section2{fill:#fff400}#mermaid-svg-pviQmVEpkBomDhNE .section1,#mermaid-svg-pviQmVEpkBomDhNE .section3{fill:#fff;opacity:0.2}#mermaid-svg-pviQmVEpkBomDhNE .sectionTitle0{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .sectionTitle1{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .sectionTitle2{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .sectionTitle3{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-pviQmVEpkBomDhNE .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .grid path{stroke-width:0}#mermaid-svg-pviQmVEpkBomDhNE .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-pviQmVEpkBomDhNE .task{stroke-width:2}#mermaid-svg-pviQmVEpkBomDhNE .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .taskText:not([font-size]){font-size:11px}#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-pviQmVEpkBomDhNE .task.clickable{cursor:pointer}#mermaid-svg-pviQmVEpkBomDhNE .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-pviQmVEpkBomDhNE .taskText0,#mermaid-svg-pviQmVEpkBomDhNE .taskText1,#mermaid-svg-pviQmVEpkBomDhNE .taskText2,#mermaid-svg-pviQmVEpkBomDhNE .taskText3{fill:#fff}#mermaid-svg-pviQmVEpkBomDhNE .task0,#mermaid-svg-pviQmVEpkBomDhNE .task1,#mermaid-svg-pviQmVEpkBomDhNE .task2,#mermaid-svg-pviQmVEpkBomDhNE .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutside0,#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutside2{fill:#000}#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutside1,#mermaid-svg-pviQmVEpkBomDhNE .taskTextOutside3{fill:#000}#mermaid-svg-pviQmVEpkBomDhNE .active0,#mermaid-svg-pviQmVEpkBomDhNE .active1,#mermaid-svg-pviQmVEpkBomDhNE .active2,#mermaid-svg-pviQmVEpkBomDhNE .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-pviQmVEpkBomDhNE .activeText0,#mermaid-svg-pviQmVEpkBomDhNE .activeText1,#mermaid-svg-pviQmVEpkBomDhNE .activeText2,#mermaid-svg-pviQmVEpkBomDhNE .activeText3{fill:#000 !important}#mermaid-svg-pviQmVEpkBomDhNE .done0,#mermaid-svg-pviQmVEpkBomDhNE .done1,#mermaid-svg-pviQmVEpkBomDhNE .done2,#mermaid-svg-pviQmVEpkBomDhNE .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-pviQmVEpkBomDhNE .doneText0,#mermaid-svg-pviQmVEpkBomDhNE .doneText1,#mermaid-svg-pviQmVEpkBomDhNE .doneText2,#mermaid-svg-pviQmVEpkBomDhNE .doneText3{fill:#000 !important}#mermaid-svg-pviQmVEpkBomDhNE .crit0,#mermaid-svg-pviQmVEpkBomDhNE .crit1,#mermaid-svg-pviQmVEpkBomDhNE .crit2,#mermaid-svg-pviQmVEpkBomDhNE .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-pviQmVEpkBomDhNE .activeCrit0,#mermaid-svg-pviQmVEpkBomDhNE .activeCrit1,#mermaid-svg-pviQmVEpkBomDhNE .activeCrit2,#mermaid-svg-pviQmVEpkBomDhNE .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-pviQmVEpkBomDhNE .doneCrit0,#mermaid-svg-pviQmVEpkBomDhNE .doneCrit1,#mermaid-svg-pviQmVEpkBomDhNE .doneCrit2,#mermaid-svg-pviQmVEpkBomDhNE .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-pviQmVEpkBomDhNE .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-pviQmVEpkBomDhNE .milestoneText{font-style:italic}#mermaid-svg-pviQmVEpkBomDhNE .doneCritText0,#mermaid-svg-pviQmVEpkBomDhNE .doneCritText1,#mermaid-svg-pviQmVEpkBomDhNE .doneCritText2,#mermaid-svg-pviQmVEpkBomDhNE .doneCritText3{fill:#000 !important}#mermaid-svg-pviQmVEpkBomDhNE .activeCritText0,#mermaid-svg-pviQmVEpkBomDhNE .activeCritText1,#mermaid-svg-pviQmVEpkBomDhNE .activeCritText2,#mermaid-svg-pviQmVEpkBomDhNE .activeCritText3{fill:#000 !important}#mermaid-svg-pviQmVEpkBomDhNE .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-pviQmVEpkBomDhNE g.classGroup text .title{font-weight:bolder}#mermaid-svg-pviQmVEpkBomDhNE g.clickable{cursor:pointer}#mermaid-svg-pviQmVEpkBomDhNE g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-pviQmVEpkBomDhNE g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-pviQmVEpkBomDhNE .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-pviQmVEpkBomDhNE .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-pviQmVEpkBomDhNE .dashed-line{stroke-dasharray:3}#mermaid-svg-pviQmVEpkBomDhNE #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE .commit-id,#mermaid-svg-pviQmVEpkBomDhNE .commit-msg,#mermaid-svg-pviQmVEpkBomDhNE .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-pviQmVEpkBomDhNE g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-pviQmVEpkBomDhNE g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-pviQmVEpkBomDhNE g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-pviQmVEpkBomDhNE .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-pviQmVEpkBomDhNE .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-pviQmVEpkBomDhNE .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-pviQmVEpkBomDhNE .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-pviQmVEpkBomDhNE .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-pviQmVEpkBomDhNE .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-pviQmVEpkBomDhNE .edgeLabel text{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-pviQmVEpkBomDhNE .node circle.state-start{fill:black;stroke:black}#mermaid-svg-pviQmVEpkBomDhNE .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-pviQmVEpkBomDhNE #statediagram-barbEnd{fill:#9370db}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-state .divider{stroke:#9370db}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-pviQmVEpkBomDhNE .note-edge{stroke-dasharray:5}#mermaid-svg-pviQmVEpkBomDhNE .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-pviQmVEpkBomDhNE .error-icon{fill:#522}#mermaid-svg-pviQmVEpkBomDhNE .error-text{fill:#522;stroke:#522}#mermaid-svg-pviQmVEpkBomDhNE .edge-thickness-normal{stroke-width:2px}#mermaid-svg-pviQmVEpkBomDhNE .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-pviQmVEpkBomDhNE .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-pviQmVEpkBomDhNE .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-pviQmVEpkBomDhNE .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-pviQmVEpkBomDhNE .marker{fill:#333}#mermaid-svg-pviQmVEpkBomDhNE .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-pviQmVEpkBomDhNE {color: rgba(0, 0, 0, 0.75);font: ;}对象A对象B对象B你好吗?（请求）对象B的描述对象A的描述(提示)我很好(响应)你真的好吗？对象A对象B标题：复杂使用6、UML时序图源码复杂样例：
```mermaid
sequenceDiagram
Title: 标题：复杂使用
对象A->>对象B: 对象B你好吗?（请求）
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B–>>对象A: 我很好(响应)
对象B->>小三: 你好吗
小三–>>对象A: 对象B找我了
对象A->>对象B: 你真的好吗？
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
```
效果图如下：#mermaid-svg-8wPZHq7JSqrnfaW0 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .label text{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .node rect,#mermaid-svg-8wPZHq7JSqrnfaW0 .node circle,#mermaid-svg-8wPZHq7JSqrnfaW0 .node ellipse,#mermaid-svg-8wPZHq7JSqrnfaW0 .node polygon,#mermaid-svg-8wPZHq7JSqrnfaW0 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-8wPZHq7JSqrnfaW0 .node .label{text-align:center;fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .node.clickable{cursor:pointer}#mermaid-svg-8wPZHq7JSqrnfaW0 .arrowheadPath{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-8wPZHq7JSqrnfaW0 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-8wPZHq7JSqrnfaW0 .edgeLabel rect{opacity:0.9}#mermaid-svg-8wPZHq7JSqrnfaW0 .edgeLabel span{color:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-8wPZHq7JSqrnfaW0 .cluster text{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-8wPZHq7JSqrnfaW0 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-8wPZHq7JSqrnfaW0 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .actor-line{stroke:grey}#mermaid-svg-8wPZHq7JSqrnfaW0 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .sequenceNumber{fill:#fff}#mermaid-svg-8wPZHq7JSqrnfaW0 #sequencenumber{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .messageText{fill:#333;stroke:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-8wPZHq7JSqrnfaW0 .labelText,#mermaid-svg-8wPZHq7JSqrnfaW0 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .loopText,#mermaid-svg-8wPZHq7JSqrnfaW0 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-8wPZHq7JSqrnfaW0 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-8wPZHq7JSqrnfaW0 .noteText,#mermaid-svg-8wPZHq7JSqrnfaW0 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-8wPZHq7JSqrnfaW0 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-8wPZHq7JSqrnfaW0 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-8wPZHq7JSqrnfaW0 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .section{stroke:none;opacity:0.2}#mermaid-svg-8wPZHq7JSqrnfaW0 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-8wPZHq7JSqrnfaW0 .section2{fill:#fff400}#mermaid-svg-8wPZHq7JSqrnfaW0 .section1,#mermaid-svg-8wPZHq7JSqrnfaW0 .section3{fill:#fff;opacity:0.2}#mermaid-svg-8wPZHq7JSqrnfaW0 .sectionTitle0{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .sectionTitle1{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .sectionTitle2{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .sectionTitle3{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-8wPZHq7JSqrnfaW0 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .grid path{stroke-width:0}#mermaid-svg-8wPZHq7JSqrnfaW0 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-8wPZHq7JSqrnfaW0 .task{stroke-width:2}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText:not([font-size]){font-size:11px}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-8wPZHq7JSqrnfaW0 .task.clickable{cursor:pointer}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText0,#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText1,#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText2,#mermaid-svg-8wPZHq7JSqrnfaW0 .taskText3{fill:#fff}#mermaid-svg-8wPZHq7JSqrnfaW0 .task0,#mermaid-svg-8wPZHq7JSqrnfaW0 .task1,#mermaid-svg-8wPZHq7JSqrnfaW0 .task2,#mermaid-svg-8wPZHq7JSqrnfaW0 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutside0,#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutside2{fill:#000}#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutside1,#mermaid-svg-8wPZHq7JSqrnfaW0 .taskTextOutside3{fill:#000}#mermaid-svg-8wPZHq7JSqrnfaW0 .active0,#mermaid-svg-8wPZHq7JSqrnfaW0 .active1,#mermaid-svg-8wPZHq7JSqrnfaW0 .active2,#mermaid-svg-8wPZHq7JSqrnfaW0 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-8wPZHq7JSqrnfaW0 .activeText0,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeText1,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeText2,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeText3{fill:#000 !important}#mermaid-svg-8wPZHq7JSqrnfaW0 .done0,#mermaid-svg-8wPZHq7JSqrnfaW0 .done1,#mermaid-svg-8wPZHq7JSqrnfaW0 .done2,#mermaid-svg-8wPZHq7JSqrnfaW0 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-8wPZHq7JSqrnfaW0 .doneText0,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneText1,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneText2,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneText3{fill:#000 !important}#mermaid-svg-8wPZHq7JSqrnfaW0 .crit0,#mermaid-svg-8wPZHq7JSqrnfaW0 .crit1,#mermaid-svg-8wPZHq7JSqrnfaW0 .crit2,#mermaid-svg-8wPZHq7JSqrnfaW0 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCrit0,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCrit1,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCrit2,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCrit0,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCrit1,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCrit2,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-8wPZHq7JSqrnfaW0 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-8wPZHq7JSqrnfaW0 .milestoneText{font-style:italic}#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCritText0,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCritText1,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCritText2,#mermaid-svg-8wPZHq7JSqrnfaW0 .doneCritText3{fill:#000 !important}#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCritText0,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCritText1,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCritText2,#mermaid-svg-8wPZHq7JSqrnfaW0 .activeCritText3{fill:#000 !important}#mermaid-svg-8wPZHq7JSqrnfaW0 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-8wPZHq7JSqrnfaW0 g.classGroup text .title{font-weight:bolder}#mermaid-svg-8wPZHq7JSqrnfaW0 g.clickable{cursor:pointer}#mermaid-svg-8wPZHq7JSqrnfaW0 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-8wPZHq7JSqrnfaW0 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-8wPZHq7JSqrnfaW0 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-8wPZHq7JSqrnfaW0 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .dashed-line{stroke-dasharray:3}#mermaid-svg-8wPZHq7JSqrnfaW0 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 .commit-id,#mermaid-svg-8wPZHq7JSqrnfaW0 .commit-msg,#mermaid-svg-8wPZHq7JSqrnfaW0 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-8wPZHq7JSqrnfaW0 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-8wPZHq7JSqrnfaW0 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-8wPZHq7JSqrnfaW0 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-8wPZHq7JSqrnfaW0 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-8wPZHq7JSqrnfaW0 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-8wPZHq7JSqrnfaW0 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-8wPZHq7JSqrnfaW0 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-8wPZHq7JSqrnfaW0 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-8wPZHq7JSqrnfaW0 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-8wPZHq7JSqrnfaW0 .edgeLabel text{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-8wPZHq7JSqrnfaW0 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-8wPZHq7JSqrnfaW0 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-8wPZHq7JSqrnfaW0 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-8wPZHq7JSqrnfaW0 .note-edge{stroke-dasharray:5}#mermaid-svg-8wPZHq7JSqrnfaW0 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-8wPZHq7JSqrnfaW0 .error-icon{fill:#522}#mermaid-svg-8wPZHq7JSqrnfaW0 .error-text{fill:#522;stroke:#522}#mermaid-svg-8wPZHq7JSqrnfaW0 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-8wPZHq7JSqrnfaW0 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-8wPZHq7JSqrnfaW0 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-8wPZHq7JSqrnfaW0 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-8wPZHq7JSqrnfaW0 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-8wPZHq7JSqrnfaW0 .marker{fill:#333}#mermaid-svg-8wPZHq7JSqrnfaW0 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-8wPZHq7JSqrnfaW0 {color: rgba(0, 0, 0, 0.75);font: ;}对象A对象B小三C对象B你好吗?（请求）对象B的描述对象A的描述(提示)我很好(响应)你好吗对象B找我了你真的好吗？我们是朋友没人陪我玩对象A对象B小三C标题：复杂使用7、UML标准时序图样例：
```mermaid
%% 时序图例子,-> 直线，–>虚线，->>实线箭头
sequenceDiagram
participant 张三
participant 李四
张三->王五: 王五你好吗？
loop 健康检查
王五->王五: 与疾病战斗
end
Note right of 王五: 合理 食物
看医生…
李四–>>张三: 很好!
王五->李四: 你怎么样?
李四–>王五: 很好!
```
效果图如下：#mermaid-svg-ECtLAX7t9JQEl5LJ .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .label text{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .node rect,#mermaid-svg-ECtLAX7t9JQEl5LJ .node circle,#mermaid-svg-ECtLAX7t9JQEl5LJ .node ellipse,#mermaid-svg-ECtLAX7t9JQEl5LJ .node polygon,#mermaid-svg-ECtLAX7t9JQEl5LJ .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-ECtLAX7t9JQEl5LJ .node .label{text-align:center;fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .node.clickable{cursor:pointer}#mermaid-svg-ECtLAX7t9JQEl5LJ .arrowheadPath{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-ECtLAX7t9JQEl5LJ .flowchart-link{stroke:#333;fill:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-ECtLAX7t9JQEl5LJ .edgeLabel rect{opacity:0.9}#mermaid-svg-ECtLAX7t9JQEl5LJ .edgeLabel span{color:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-ECtLAX7t9JQEl5LJ .cluster text{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-ECtLAX7t9JQEl5LJ .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-ECtLAX7t9JQEl5LJ text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .actor-line{stroke:grey}#mermaid-svg-ECtLAX7t9JQEl5LJ .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .sequenceNumber{fill:#fff}#mermaid-svg-ECtLAX7t9JQEl5LJ #sequencenumber{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ #crosshead path{fill:#333;stroke:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .messageText{fill:#333;stroke:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-ECtLAX7t9JQEl5LJ .labelText,#mermaid-svg-ECtLAX7t9JQEl5LJ .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .loopText,#mermaid-svg-ECtLAX7t9JQEl5LJ .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-ECtLAX7t9JQEl5LJ .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-ECtLAX7t9JQEl5LJ .noteText,#mermaid-svg-ECtLAX7t9JQEl5LJ .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-ECtLAX7t9JQEl5LJ .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-ECtLAX7t9JQEl5LJ .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-ECtLAX7t9JQEl5LJ .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .section{stroke:none;opacity:0.2}#mermaid-svg-ECtLAX7t9JQEl5LJ .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-ECtLAX7t9JQEl5LJ .section2{fill:#fff400}#mermaid-svg-ECtLAX7t9JQEl5LJ .section1,#mermaid-svg-ECtLAX7t9JQEl5LJ .section3{fill:#fff;opacity:0.2}#mermaid-svg-ECtLAX7t9JQEl5LJ .sectionTitle0{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .sectionTitle1{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .sectionTitle2{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .sectionTitle3{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-ECtLAX7t9JQEl5LJ .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .grid path{stroke-width:0}#mermaid-svg-ECtLAX7t9JQEl5LJ .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-ECtLAX7t9JQEl5LJ .task{stroke-width:2}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText:not([font-size]){font-size:11px}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-ECtLAX7t9JQEl5LJ .task.clickable{cursor:pointer}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText0,#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText1,#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText2,#mermaid-svg-ECtLAX7t9JQEl5LJ .taskText3{fill:#fff}#mermaid-svg-ECtLAX7t9JQEl5LJ .task0,#mermaid-svg-ECtLAX7t9JQEl5LJ .task1,#mermaid-svg-ECtLAX7t9JQEl5LJ .task2,#mermaid-svg-ECtLAX7t9JQEl5LJ .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutside0,#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutside2{fill:#000}#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutside1,#mermaid-svg-ECtLAX7t9JQEl5LJ .taskTextOutside3{fill:#000}#mermaid-svg-ECtLAX7t9JQEl5LJ .active0,#mermaid-svg-ECtLAX7t9JQEl5LJ .active1,#mermaid-svg-ECtLAX7t9JQEl5LJ .active2,#mermaid-svg-ECtLAX7t9JQEl5LJ .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-ECtLAX7t9JQEl5LJ .activeText0,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeText1,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeText2,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeText3{fill:#000 !important}#mermaid-svg-ECtLAX7t9JQEl5LJ .done0,#mermaid-svg-ECtLAX7t9JQEl5LJ .done1,#mermaid-svg-ECtLAX7t9JQEl5LJ .done2,#mermaid-svg-ECtLAX7t9JQEl5LJ .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-ECtLAX7t9JQEl5LJ .doneText0,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneText1,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneText2,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneText3{fill:#000 !important}#mermaid-svg-ECtLAX7t9JQEl5LJ .crit0,#mermaid-svg-ECtLAX7t9JQEl5LJ .crit1,#mermaid-svg-ECtLAX7t9JQEl5LJ .crit2,#mermaid-svg-ECtLAX7t9JQEl5LJ .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCrit0,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCrit1,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCrit2,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCrit0,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCrit1,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCrit2,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-ECtLAX7t9JQEl5LJ .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-ECtLAX7t9JQEl5LJ .milestoneText{font-style:italic}#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCritText0,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCritText1,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCritText2,#mermaid-svg-ECtLAX7t9JQEl5LJ .doneCritText3{fill:#000 !important}#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCritText0,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCritText1,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCritText2,#mermaid-svg-ECtLAX7t9JQEl5LJ .activeCritText3{fill:#000 !important}#mermaid-svg-ECtLAX7t9JQEl5LJ .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-ECtLAX7t9JQEl5LJ g.classGroup text .title{font-weight:bolder}#mermaid-svg-ECtLAX7t9JQEl5LJ g.clickable{cursor:pointer}#mermaid-svg-ECtLAX7t9JQEl5LJ g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-ECtLAX7t9JQEl5LJ g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-ECtLAX7t9JQEl5LJ .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-ECtLAX7t9JQEl5LJ .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .dashed-line{stroke-dasharray:3}#mermaid-svg-ECtLAX7t9JQEl5LJ #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ .commit-id,#mermaid-svg-ECtLAX7t9JQEl5LJ .commit-msg,#mermaid-svg-ECtLAX7t9JQEl5LJ .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-ECtLAX7t9JQEl5LJ g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-ECtLAX7t9JQEl5LJ g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-ECtLAX7t9JQEl5LJ g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-ECtLAX7t9JQEl5LJ .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-ECtLAX7t9JQEl5LJ .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-ECtLAX7t9JQEl5LJ .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-ECtLAX7t9JQEl5LJ .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-ECtLAX7t9JQEl5LJ .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-ECtLAX7t9JQEl5LJ .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-ECtLAX7t9JQEl5LJ .edgeLabel text{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ECtLAX7t9JQEl5LJ .node circle.state-start{fill:black;stroke:black}#mermaid-svg-ECtLAX7t9JQEl5LJ .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-ECtLAX7t9JQEl5LJ #statediagram-barbEnd{fill:#9370db}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-state .divider{stroke:#9370db}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-ECtLAX7t9JQEl5LJ .note-edge{stroke-dasharray:5}#mermaid-svg-ECtLAX7t9JQEl5LJ .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-ECtLAX7t9JQEl5LJ .error-icon{fill:#522}#mermaid-svg-ECtLAX7t9JQEl5LJ .error-text{fill:#522;stroke:#522}#mermaid-svg-ECtLAX7t9JQEl5LJ .edge-thickness-normal{stroke-width:2px}#mermaid-svg-ECtLAX7t9JQEl5LJ .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-ECtLAX7t9JQEl5LJ .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-ECtLAX7t9JQEl5LJ .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-ECtLAX7t9JQEl5LJ .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-ECtLAX7t9JQEl5LJ .marker{fill:#333}#mermaid-svg-ECtLAX7t9JQEl5LJ .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-ECtLAX7t9JQEl5LJ {color: rgba(0, 0, 0, 0.75);font: ;}张三李四王五王五你好吗？与疾病战斗loop[健康检查]合理 食物 看医生...很好!你怎么样?很好!张三李四王五标题：复杂使用8、甘特图样例：
参考文档
```mermaid
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active, des2, 2014-01-09, 3d
计划中 : des3, after des2, 5d
```
效果图如下：Mon 06Mon 13已完成 进行中 计划中 现有任务Adding GANTT diagram functionality to mermaid
第一个注脚的解释 ↩︎
第二个注脚的解释 ↩︎
Markdown语法整理相关推荐
- Markdown语法整理（详细版）
Markdown语法整理 目录 文章目录 1 概述 1.1 Markdown 1.2 Typora 2 标题和目录 2.1 标题 2.2 目录 3 段落和文本 3.1 缩进.对齐 3.3 斜体.粗体 ...
- 有道云笔记markdown语法整理
0 标题 标题是每篇文章必备而且最常用的格式. 在Markdown中,如果想将一段文字被定义为标题,只需要在这段文字前面加上 #,再在 # 后加一个空格即可.还可增加二.三.四.五.六级标题,总共六级 ...
- Markdown语法--整理
Markdown基本语法 [TOC] 优点: 1.因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作. 2.操作简单.比如:word编辑时标记个 ...
- md文件的编辑-MarkDown语法
MarkDown语法整理 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. 1.标题 标题用 # 符号来表示,根据 # 符号的数量来表示某级标题 #一级标题 ##二 ...
- 国产的markdown 语法的思维导图和大纲工具！
MarkMind 简介 MarkMind 是一款支持markdown语法的思维导图和大纲工具,主要特色就是在节点内部直接支持markdown语法. Markdown是一种纯文本格式的标记语言.通过简单 ...
- Markdown 语法说明
Markdown 语法说明 (简体中文版) / (点击查看快速入门) 概述 宗旨 Markdown 的目标是实现「易读易写」. 可读性,无论如何,都是最重要的.一份使用 Markdown 格式撰写的文 ...
- Markdown 语法说明 (简体中文版)
NOTE: This is Simplelified Chinese Edition Document of Markdown Syntax. If you are seeking for Engli ...
- 书写README的各种markdown语法
README 该文件用来测试和展示书写README的各种markdown语法.GitHub的markdown语法在标准的markdown语法基础上做了扩充,称之为GitHub Flavored Mar ...
- Markdown语法快速入门（印象笔记）(从入门到精通，只有一步之遥)
前言: 在我们日常的学习中,特别是计算机相关作业的,平时会去写一些学习笔记和博客,而Markdown功能强大,使用Markdown编辑的文章,排版清晰漂亮,并且Markdown语法简单,上手容易. 本 ...
最新文章
- python迷宫万花筒代码_利用广度优先遍历搜索迷宫的python源代码
- Win7 wifi热点设置（ 转载）
- 通过nginx链接mysql事务问题_nginx-关于phpmysql的事务
- 大于2的质数判断以及范围质数查找
- echars 在vue v-if 切换会 显示不出来或者显示出来但是不是百分百显示
- html css a标签的应用
- html2canvas 在手机app端的问题
- python调用Java代码并执行--------jpype使用篇
- c语言程序设计支持win10,win tc 64位下载-wintc C语言编译器64位下载 1.9.1 win10兼容版 - 河东下载站...
- vlan网络隔离实验
- 人工智能语料库技术是什么？来看科普！
- 如何利用JClassLib修改.class文件
- 如何快速设计一款智能窗帘开关产品？APP即可控制窗帘动态
- 腾讯云运维工程师认证TCA原题（2）
- Mysql数据库最佳性能优化
- 寻找勾股数的一种极快的算法
- R count函数_[R learning]-0018-R语言绘图基础, 画了一天,不妨进来看看~
- 什么软件可以测试sd卡,如何做SD卡测试和SD卡测试工具
- 用php打印出日历_php简单日历函数
- 机器视觉工程师前景如何,计算机视觉工程师前景
热门文章
- 怎么使用oracle的加权平均数_GPA不足，怎么短期有效提升？快来收获100%录取的秘诀！...
- python交集和补集的符号_python的交集、并集、差集
- Nature子刊：皮层内脑机接口的主导感
- 脑电信号预处理--去趋势化(Detrended fluctuation analysis)
- 脸书员工都在VR上工作了，你还等什么？
- 用deepfake拍电影可以安排了：迪士尼发布首个百万像素高分辨率换脸算法
- MIT有个做披萨的GAN，登上了CVPR：加香肠、去橄榄、再烤熟，分层才是王道
- Java关键字——instanceof
- 华为pat地址转换,以及内网web服务器发布
- Android应用程序与SurfaceFlinger服务之间的共享UI元数据（SharedClient）的创建过程分析...