欢迎访问悦橙教程(wld5.com),关注java教程。悦橙教程  java问答|  每日更新
页面导航 : > > > 文章正文

VS code 完美自定义背景,vscode自定义背景

来源: javaer 分享于  点击 42821 次 点评:112

VS code 完美自定义背景,vscode自定义背景


这里介绍在visual studio code中自定义背景图片的方法

1、在软件的扩展中下载 background 插件,并安装插件


在安装完成后,软件会提示插件损坏,不必管他,让他不再显示即可。

2、【文件】-【首选项】-【设置】中,自定义以下内容

"backgroung.enable":true,
        "background.useDefault":false,
        "background.customImages":[
            "file:///C:/Users/xingd/Pictures/洛天依.png"
        ],
        "background.style":{
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",
            "top":"0",
            "right":"0",
            "width":"100%",
             "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
           "background-size":"contain",
            "opacity":0.1
        }

其中:"background-style"后面的内容是CSS的代码,可以使用这些代码实现对背景图案样式的定义

最终效果如下:



相关文章

    暂无相关文章

用户点评