美文网首页
VS CODE 设置背景图片

VS CODE 设置背景图片

作者: 逆行的小电驴 | 来源:发表于2018-06-07 16:05 被阅读0次
    • 安装插件
    到插件管理找到【background】这个插件,点击安装
    • 设置插件展示方式


      文件-> 首选项 -> 设置 找到右侧的位置输入内容,都是一些css属性,自己参考着设置就好
    • 贴代码
     // Use default images.使用默认图片
      "background.useDefault": false,
      // Your custom Images(Max length is 3). 自己定制背景图,最多3个
      "background.customImages": [
        "file:///D:/Program Files/Microsoft VS Code/background/1284792271562u4iht9btlh.jpg"
      ],
      // Custom common style.自定义各项公有样式.
      "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-size": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 0.03
      }
    
    • 最后上效果图


      效果还不错,透明度可以自己调整

    相关文章

      网友评论

          本文标题:VS CODE 设置背景图片

          本文链接:https://www.haomeiwen.com/subject/ouvgsftx.html