html - Google Colab 中未显示彩色注释框语法

Question

在 jupyter 笔记本中使用彩色笔记框时，以下文本单元格无法在 Google Colab 中正确呈现:

<div class="alert alert-block alert-info">
<b>Tip: </b>
Use blue boxes for Tips and notes. If it’s a note, you don’t have to include the word “Note”. 
</div>

Answer 1

您可以尝试在 Colab 上运行它。不要忘记使用魔术行 %%html。我刚刚从 here 修改了 @user2304916 的代码.

%%html
<style>
div.warn {    
    color: #356A89;
    background-color: #D4EAF7;
    border-left: 5px solid #3C82E3;
    padding: 0.5em;
    }
 </style>
<div class=warn>
Use blue boxes (alert-info) for tips and notes. 
If it’s a note, you don’t have to include the word “Note”.
</div>

<style>
div.warn {    
    color: #356A89;
    background-color: #D4EAF7;
    border-left: 5px solid #3C82E3;
    padding: 0.5em;
    }
 </style>
<div class=warn>
Use blue boxes (alert-info) for tips and notes. 
If it’s a note, you don’t have to include the word “Note”.
</div>