📜  如何在 jupyter ntebook 中编写 sigma 符号 - CSS (1)

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

如何在 jupyter notebook 中编写 sigma 符号 - CSS

在 jupyter notebook 中,我们可以使用 HTML 和 CSS 来输入数学符号,包括 sigma 符号。

步骤:
  1. 打开一个 markdown 单元格。

  2. 在单元格中输入以下内容:

    <style>
    .sigma {
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        height: 16px;
        width: 16px;
        position: relative;
        margin-top: -0.2em;
    }
    
    .sigma:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 2px solid;
        transform: rotate(-45deg);
        transform-origin: 50% 50%;
        box-sizing: border-box;
    }
    
    .sigma:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 50%;
        right: 0;
        border-left: 2px solid;
        transform: translateY(-50%);
        box-sizing: border-box;
    }
    </style>
    
    <span class="sigma"></span>
    

    这段 HTML 代码中定义了一个类名为 sigma 的样式,它包含了符号的样式,其中包括了两个伪元素,分别用于绘制上方斜线和正中央的竖杠。

  3. 运行该单元格,即可在输出单元格中看到一个 sigma 符号。

    如下所示:

注意事项:
  • 以上代码只是一种实现方式,读者可以根据自己的需求进行修改。
  • 如果需要在文本中使用该符号,可以将代码中的 span 标签替换为 <span>&sigma;</span>。