Question

6.6.1 节点的样式

可以通过 style 命令设置节点的样式，其语法为：

	style id fill:#f9f,stroke:#333,stroke-width:2px,stroke-dasharray: 5, 5;

• fill 为节点的填充颜色， stroke 为节点的边框颜色， stroke-width 为边框的线宽，, stroke-dasharray 为边框的虚线样式（如果没有此选项则为实线）

如：

	~~~mermaid
	graph LR
    	id1(Start)-->id2(Stop);
    	A-->B	
    	style id1 fill:#f9f,stroke:#333,stroke-width:4px;
    	style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5;
	~~~

的图形为：

~~~mermaid
graph LR
id1(Start)-->id2(Stop);
style id1 fill:#f9f,stroke:#333,stroke-width:4px;
style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5;
~~~

6.6.2 边的样式

可以通过 linkStyle 设置边的样式，其语法为：

	linkStyle 0 stroke:#ff3,stroke-width:4px;

• 0 表示设置图形的第 0 条边（从 0 开始计数）， stroke 为边的颜色， stroke-width 为边的线宽，, stroke-dasharray 为边框的虚线样式（如果没有此选项则为实线）

由于边的定义时没有 边 id 这一说法，因此引用边时采用了边的序号，其中序号按照图形中边的定义顺序依次给出。

如：

	~~~mermaid
	graph LR
    		id1(Start)-->id2(Stop);
    		linkStyle 0 stroke:#ff3,stroke-width:4px,stroke-dasharray: 5, 5;
	~~~

的图形为：

~~~mermaid
graph LR
id1(Start)-->id2(Stop);
linkStyle 0 stroke:#ff3,stroke-width:4px,stroke-dasharray: 5, 5;
~~~