vscode自定义背景图片(css实现)

首 先 找 到 v s c o d e 的 c s s 文 件 首先找到vscode的css文件 vscodecss

我 是 把 v s c o d e 放 在 迅 雷 下 面 , 然 后 一 级 一 级 目 录 点 下 去 我是把vscode放在迅雷下面,然后一级一级目录点下去 vscode,

D:\迅雷下载\Microsoft VS Code\resources\app\out\vs\workbench

然 后 你 会 看 到 这 个 然后你会看到这个

vscode自定义背景图片(css实现)_第1张图片

就 是 这 个 . c s s 文 件 , 点 进 去 我 们 修 改 它 就是这个.css文件,点进去我们修改它 .css,

打 开 发 现 是 一 个 记 事 本 , 我 们 找 一 个 合 适 的 位 置 插 入 一 些 代 码 打开发现是一个记事本,我们找一个合适的位置插入一些代码 ,

vscode自定义背景图片(css实现)_第2张图片

如 上 图 所 示 , 任 选 一 个 } 的 后 面 插 入 以 下 代 码 如上图所示,任选一个\}的后面插入以下代码 ,}

body {
    background: url(D:/ChromeDownload/02.jpg) no-repeat center/cover;
    opacity: 0.7;
}

其 中 , 你 只 要 把 u r l ( ) 修 改 即 可 , 括 号 内 是 你 图 片 的 绝 对 路 径 其中,你只要把url()修改即可,括号内是你图片的绝对路径 ,url(),

保 存 , 重 启 v s c o d e 即 可 保存,重启vscode即可 ,vscode

你可能感兴趣的:(各种配置环境)