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, //是否使用默认图片

小编建议使用第一种方式

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

自学之路←_←

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值