如何在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:
- 打开终端/命令行,运行
jupyter --config-dir找到你的Jupyter配置目录 - 进入该目录下的
custom文件夹(没有的话手动新建) - 创建或编辑
custom.css文件,添加如下样式:
.markdown-cell div.bordered-cell { border: 2px solid #4CAF50; padding: 12px; margin: 8px 0; border-radius: 4px; background-color: #f0f8f0; }
- 重启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
相关产品推荐
相关产品推荐

