如何在Google Colab的文本单元格中设置文本背景色？

Colab的Markdown文本单元格确实没法直接用自定义CSS类，但有两种简单方法能实现你要的效果：

方法一：先全局注入样式，再复用类 #

1. 新建一个代码单元格，运行这段代码把样式全局注册：

%%html
<style>
div.highlight-bg {    
    color: #000000;
    background-color: #80ced6;
    padding: 4px 8px;
    border-radius: 4px;
}
</style>

2. 回到文本单元格，直接用<div class="highlight-bg">需要加背景色的文本</div>包裹内容就行，多处需要的话重复用这个类即可。

方法二：文本单元格直接用内联样式 #

不用额外代码单元格，直接在文本单元格里写带内联样式的HTML标签：

<div style="color: #000000; background-color: #80ced6; padding: 4px 8px; border-radius: 4px;">
你要设置背景色的具体文本内容
</div>

小提示 #

• 方法一适合多处需要同一种背景样式的场景，改样式只需要修改代码单元格里的内容；
• 方法二更灵活，适合单次使用或者需要不同样式的情况；
• 两种方式在Colab里显示正常，分享文档时效果也会保留。

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