VSCode修改为背景透明图片

1. 可以通过直接修改VSCode的css代码来设置

1.1 首先要找到css文件:

在这里插入图片描述

1.2 双击打开workbench.desktop.main.css文件并加入如下代码:

	body {
	    /*背景图片的路径*/
	    background-image: url(C:/Users/Lenovo/Desktop/壁纸/15.jpg);
	    /* 图片不重复 */
	    background-repeat: no-repeat;
	    /* 图片位置 */
	    background-position: center;
	    /* 图片大小 */
	    background-size: cover;
	    /* 透明度 */
	    opacity: 0.7;
	}

1.3 也可以将background都写到一行:

	body {
    	background: url(C:/Users/12930/Pictures/123.jpg) no-repeat center/cover;
    	opacity: 0.7;
	}

必须修改图片位置,并复制代码到最后一行

在这里插入图片描述

1.4 修改完成后重新启动vsCode

在这里插入图片描述

2. 可以通过下载插件来设置

2.1 首先下载安装插件background:

在这里插入图片描述

2.2 然后去设置:

    文件→首选项→设置,在settings.json中编辑(右面往下拉一会可以看到)

    在settings.json里面添加如下代码:

	"update.enableWindowsBackgroundUpdates": true,
	"background.customImages": [
    	 "file:///F:/Picture/Yukino/vs_background.png" //图片的路径
	],
	"background.style": {
    	 "content": "''",
     	"pointer-events": "none",
     	"position": "absolute", //定位
     	"width": "100%",
     	"height": "100%",
     	"z-index": "99999",
     	"background.repeat": "no-repeat", //是否重复
     	"background-size": "25%,25%", //图片大小
     	"opacity": 0.2 //透明度
	},
	"background.useFront": true,
	"background.useDefault": false, //是否使用默认图片

小编建议使用第一种方式

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:黑客帝国 设计师:我叫白小胖 返回首页
评论 1

打赏作者

自学之路←_←

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值