Markdown图表：边框样式

将特定样式例如较粗的边框或不同的背景颜色

[mermaid]graph LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5, 5[/mermaid]
graph LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5, 5

---

[mermaid]graph TD
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px,fill-opacity:0.5
    style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 10,5[/mermaid]
graph TD
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px,fill-opacity:0.5
    style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 10,5

---

[mermaid]graph TD
    id1(Start)-->id2(Stop)
[/mermaid]

graph TD
    id1(Start)-->id2(Stop)

---

[mermaid]
graph TB
    A --> C
    A --> D
    B --> C
    B --> D
[/mermaid]
graph TB
    A --> C
    A --> D
    B --> C
    B --> D

---

[mermaid]
graph LR
  A[x]
  B["if(x<0)"]
  C["x=-x"]
  D[return x]
[/mermaid]
graph LR
  A[x]
  B["if(x<0)"]
  C["x=-x"]
  D[return x]

---

[mermaid]graph LR
    id1(This is the text in the box)[/mermaid]

graph LR
    id1(This is the text in the box)

---

[mermaid]
graph TD
    id[带文本的矩形]
    id4(带文本的圆角矩形)
    id3>带文本的不对称的矩形]
    id1{带文本的菱形}
    id2((带文本的圆形))
[/mermaid]

graph TD
    id[带文本的矩形]
    id4(带文本的圆角矩形)
    id3>带文本的不对称的矩形]
    id1{带文本的菱形}
    id2((带文本的圆形))

---

在Mermaid图表中，你可以使用不同的Markdown节点形状来呈现各种元素。以下是一些常见的Markdown节点形状及其用途的简单介绍：

名称	代码	用法
圆角形	节点ID(round edge)	表示起点、终点或注重循环的元素。
跑道形	节点ID([straight path])	用于表示直线路径或流程中的步骤。
圆柱形	节点ID[(cylinder)]	通常用于表示过程或操作，也可以用于表示立体感的元素。
菱形	节点ID{diamond}	用于表示判断或决策的节点。
圆形	节点ID((circle))	用于表示起点、终点或注重循环的元素。
六角形	节点ID{{hexagon}}	用于表示起点、终点或注重循环的元素。
非对称形	节点ID>asymmetric]	用于表示不对称的元素。
梯形（正向）	节点ID[/trapezoid]	用于表示正向梯形形状的节点。
梯形（反向）	节点ID[\reversed trapezoid/]	用于表示反向梯形形状的节点。
平行四边形（右倾）	节点ID[/parallelogram/]	用于表示右倾的平行四边形。
平行四边形（左倾）	节点ID[\parallelogram]	用于表示左倾的平行四边形。
子程序形状	节点ID[[subroutine shape]]	用于表示子程序形状的节点。

这些节点形状可以根据需要组合使用，以创建具有更多细节和表达力的Mermaid图表。

微信扫二维码转发分享