如何在Markdown表格中添加彩色方块（适用于README）

方法1：内嵌HTML（最靠谱，适配绝大多数README平台） #

直接在表格单元格里插入带样式的<span>标签，通过background-color指定颜色，width和height控制方块尺寸：

| code  | color |
|-------|-------|
| #0F0  | <span style="display: inline-block; width: 24px; height: 24px; background-color: #0F0;"></span> |
| #F00  | <span style="display: inline-block; width: 24px; height: 24px; background-color: #F00;"></span> |

渲染后就能看到带绿色、红色方块的表格，方块大小可以自己调整width和height的数值（比如改成30px会更大）。

方法2：Unicode方块+颜色样式（简易但兼容性稍弱） #

用Unicode实心方块■，通过color属性修改颜色，适合只需要前景色方块的场景：

| code  | color |
|-------|-------|
| #0F0  | <span style="color: #0F0; font-size: 24px;">■</span> |
| #F00  | <span style="color: #F00; font-size: 24px;">■</span> |

这种方法不用设置宽高，但颜色是字符本身的颜色，背景为透明，按需选择即可。

小提示 #

• GitHub、GitLab、Gitee这些主流平台都支持内嵌HTML样式，所以第一种方法通用性最强；
• 要是想统一表格样式，也可以添加HTML表格类，但README里一般用基础Markdown表格+内嵌样式就足够了。

内容的提问来源于stack exchange，提问作者Siloé Bezerra Bispo