使用Dot工具创建带HTML表格标签的圆角节点时的背景色边框问题

你遇到的细边框问题是由于表格背景色与单元格背景色的渲染间隙，以及表格border属性的默认行为导致的。无需后处理的解决方法如下：

修改后的DOT代码 #

digraph render_graph
{
  rankdir="LR"
  node [shape="none"]

  mynode [label=<
    <table fillcolor="#FFFFFF" border="0" cellspacing="0" cellborder="0" style="rounded,filled">
      <tr>
        <td cellpadding="2" bgcolor="#FF0000">Title</td>
      </tr>
      <tr>
        <td cellpadding="10">Data</td>
      </tr>
    </table>
  >]
}

关键调整说明 #

• 将表格的border="0"：原代码中border="1"会强制生成表格外围边框，即使cellborder="0"也无法消除。
• 表格使用style="rounded,filled"并设置fillcolor="#FFFFFF"：让表格填充色与底部单元格背景色一致，避免两种颜色渲染时产生细微间隙；rounded样式确保圆角效果正常，filled配合fillcolor生效。
• 仅给标题单元格设置bgcolor="#FF0000"：无需给整个表格设置背景色，标题行的红色背景会被表格的圆角边界裁剪，不会超出范围，同时消除了颜色边界的间隙问题。

内容的提问来源于stack exchange，提问作者solidpixel