vscode背景调整

最新推荐文章于 2024-05-14 10:02:50 发布

Twoknives

最新推荐文章于 2024-05-14 10:02:50 发布

阅读量947

点赞数 1

分类专栏：工具文章标签： vscode css css3

本文链接：https://blog.csdn.net/Twoknives/article/details/126069219

版权

工具专栏收录该内容

6 篇文章 0 订阅

订阅专栏

使用插件background，然后配置文件setting.json中加入

    "background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        // "file:///H:/图片/bg/jinx04.jpg",
        "file:///H:/图片/bg/cs.jpg",
        "file:///H:/图片/bg/cs.jpg",
        "file:///H:/图片/bg/jinx03.jpg",
        "file:///H:/图片/bg/ys.png",
    ],
    "background.styles": [
        {
            "content":"''",
            "pointer-events":"none",
            "position":"fixed",//图片位置居中
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "top":"0px",
            "left":"0px",
            "background.repeat":"no-repeat",
            "background-size":"cover",//图片大小为全屏
            "opacity":0.1 //透明度
        },
        {
            "content":"''",
            "pointer-events":"none",
            "position":"fixed",//图片位置居中
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "top":"0px",
            "left":"0px",
            "background.repeat":"no-repeat",
            "background-size":"cover",//图片大小为全屏
            "opacity":0.1 //透明度
        },
        {
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",//图片位置属性
            "bottom":"-60px",
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
            "background-size":"40%,40%",//图片大小，可以根据自己需要修改
            "opacity":0.3
        }
    ],

然后得到背景
在这里插入图片描述