📜  jupyter 笔记本单元格背景颜色 - Python (1)

📅  最后修改于: 2023-12-03 15:32:26.987000             🧑  作者: Mango

Jupyter 笔记本单元格背景颜色 - Python

在 Jupyter Notebook 中,单元格背景颜色是用于区分不同类型代码块以及帮助组织笔记本的重要组成部分。默认情况下,Jupyter Notebook 单元格的背景颜色是白色,但是我们可以通过编写 Python 代码来修改它。

改变单个单元格的背景颜色

要更改单个单元格的背景颜色,我们可以使用以下代码:

# 在单元格中使用以下代码将背景颜色设置为红色
from IPython.display import HTML
HTML("""
<style>
    .red_bg {background-color: red !important;}
</style>
<div class='red_bg'>Hello, Jupyter!</div>
""")

以上代码将单元格背景颜色设置为了红色。我们使用了 IPython.display 中的 HTML 函数来将 CSS 样式应用于笔记本中的单元格。我们还创建了一个 div 标签来包装我们的文本,以便我们可以将样式应用于整个单元格。

在整个笔记本中添加背景颜色

要在整个笔记本中添加背景颜色,我们可以在整个笔记本的顶部添加以下 CSS 代码:

%%html
<style>
    .notebook {
        /* here we are just setting some basic styles for our notebook */
        background-color: #F5F5F5;
    }
    .running .notebook {
        /* here we are making the background semi-transparent when it's running */
        opacity: 0.9;
    }
</style>

以上代码将整个笔记本的背景颜色设置为灰色。我们使用了 %%html 魔术命令来使 Jupyter Notebook 理解我们正在写的是 HTML/CSS 代码。在 CSS 中,我们使用了的 . 符号来选择类,并使用 background-color 属性来设置背景颜色。

在特定类型的单元格中添加背景颜色

默认情况下,Jupyter Notebook 支持多种不同类型的单元格(如 Markdown、Code、Raw 等)。如果我们希望在特定类型的单元格中添加背景颜色,我们可以使用以下代码:

%%html
<style>
    /* here we are selecting all Markdown cells and adding a light blue background */
    .rendered_html {
        background-color: #E6F7FF;
    }
    /* here we are selecting all Code cells and adding a light green background */
    .input {
        background-color: #D1F2EB;
    }
</style>

以上代码将所有 Markdown 单元格的背景颜色设置为了浅蓝色(#E6F7FF),而将所有代码单元格的背景颜色设置为了浅绿色(#D1F2EB)。我们使用了对应于单元格类型的 class 名称来选择不同类型的单元格,并使用 background-color 属性来设置背景颜色。

以上就是关于 Jupyter 笔记本单元格背景颜色的介绍。记得提醒读者更改颜色时应该谨慎,不要引起眼睛不适。