You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.16 02:22:02