vscode如何设置背景图片如何通过修改配置项设置好看的背景图

最新推荐文章于 2025-04-15 14:13:59 发布

沉迷...

最新推荐文章于 2025-04-15 14:13:59 发布

阅读量5.2k

点赞数 3

分类专栏：前端文章标签： vscode js javascript css3 前端

本文链接：https://blog.csdn.net/weixin_42343307/article/details/119617057

版权

前端专栏收录该内容

59 篇文章

订阅专栏

通过修改vscode css给vscode设置背景图片

先来一张效果图

在这里插入图片描述

1.找到vscode安装路径下的这个文件

下面是我的vscode安装目录可以参考一下然后找到这个文件workbench.desktop.main.css
D:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench/workbench.desktop.main.css

2.编辑vscode的css文件在最后面添加以下代码

在这里插入图片描述

 body {
  pointer-events: auto !important;
  background-size: 100% !important;
  opacity: 0.9 !important;
  background-position: 0 0 !important;
  background-image: url("./4.jpg") !important;
  content: "";
  position: absolute;
  z-index: 999;
  width: 100%;
  background-repeat: no-repeat;
}