美文网首页
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