如何在Mermaid类图中设置Namespace的边框与填充样式?
Mermaid类图中Namespace分组框的样式修改方法
在Mermaid类图里,你可以直接用style命令针对Namespace的名称设置边框颜色和填充色,核心是使用以下CSS样式属性:
- 修改边框颜色:用
stroke属性指定颜色值(支持颜色名称、十六进制、RGB等格式) - 设置填充色:用
fill属性指定填充颜色,搭配fill-opacity还能调整填充透明度
完整示例代码
classDiagram namespace special { class EnumMap { } class TreeMap { } } -- 为namespace设置橙色边框、浅蓝填充并添加透明度 style special stroke: #FF5733, fill: #E8F4F8, fill-opacity: 0.7, stroke-width: 2px
各属性说明
stroke: #FF5733:将分组框的边框设置为橙色(十六进制颜色值)fill: #E8F4F8:将分组框的背景填充为浅蓝fill-opacity: 0.7:让填充色带有30%的透明度(取值范围0-1)stroke-width: 2px:可选,把边框从默认的细线条调整为2像素宽
内容的提问来源于stack exchange,提问作者Basil Bourque
相关产品推荐
相关产品推荐

