You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Jupyter Notebook中添加渲染后保留的单元格边框?

嘿,我懂你要的是那种渲染后一直保留的美化边框,不是选中单元格时的临时高亮对吧?这在Jupyter Notebook的Markdown单元格里完全可以实现,主要靠内嵌CSS样式就能搞定,给你几种实用的方案:

1. 给单个Markdown单元格快速加边框

直接用<div>标签包裹你的Markdown内容,通过style属性定义边框样式。比如你示例里的「Introduction」部分,可以改成这样:

<div style="border: 2px solid #cccccc; padding: 10px; border-radius: 5px; background-color: #f8f8f8;">
<u> **Introduction:** </u> This notebook is just an example.
</div>

这里的参数可以按需调整:

  • border:控制边框的粗细、样式(solid实线/dashed虚线等)、颜色
  • padding:让内容和边框之间留些空隙,避免太拥挤
  • border-radius:给边框加圆角,更柔和美观
  • background-color:可选,搭配浅背景色突出单元格

2. 批量统一设置边框样式(适合多个单元格)

如果想给多个Markdown单元格用统一的边框样式,推荐自定义Jupyter的CSS:

  1. 打开终端/命令行,运行jupyter --config-dir找到你的Jupyter配置目录
  2. 进入该目录下的custom文件夹(没有的话手动新建)
  3. 创建或编辑custom.css文件,添加如下样式:
.markdown-cell div.bordered-cell {
    border: 2px solid #4CAF50;
    padding: 12px;
    margin: 8px 0;
    border-radius: 4px;
    background-color: #f0f8f0;
}
  1. 重启Jupyter Notebook后,在需要加边框的Markdown单元格里用<div class="bordered-cell">...</div>包裹内容就行,所有用这个类的单元格都会自动应用统一样式,后续修改也只需要改custom.css,非常方便。

给你的示例内容加上边框的效果参考

把你提供的内容改成带边框的版本,大概是这样:

Example
**Introduction:** This notebook is just an example.
Here is some code:
num = [1, 2, 3]
for i in num:
    num = i + 1
    print(num)
***The End***

这些方法都很灵活,你可以根据喜好调整边框的各项属性,完全能做出类似Excel单元格边框的美化效果~

内容的提问来源于stack exchange,提问作者kiwi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.09 17:53:13