vscode设置背景图的操作步骤-创新互联

这篇文章主要介绍vscode设置背景图的操作步骤，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

十年专注成都网站制作，成都企业网站建设，个人网站制作服务，为大家分享网站制作知识、方案，网站设计流程、步骤,成功服务上千家企业。为您提供网站建设,网站制作,网页设计及定制高端网站建设服务,专注于成都企业网站建设,高端网页制作,对葡萄架等多个领域，拥有多年建站经验。

首先在vscode扩展中，找到background这个插件，快捷键Ctrl+shift+x

vscode设置背景图的操作步骤

完成第一步就已经有默认背景了，可是想设置自己喜欢的怎么办？往下看

打开文件>选项>设置

在右侧设置里

vscode设置背景图的操作步骤

第一句"background.enabled": true,是插件是否启用，当我们把插件下载下来并且重启vscode之后，就已经有了这句话

第二句"background.useDefault": false,是否使用默认图片，改成false，不默认，我们要设置自己想要的！

第三句设置路径，细心的道友已经注意到了，这是一个数组，也就是说可以设置多张不同的图片！记住，最多三张！ /D:/like.jpg 是图片的路径地址

"background.customImages": [
"file:///D:/like.jpg"
],

最后就是background.style了，大家看着设置就好了，懂点css的都知道。注意后面的"opacity": 0.1透明度是可以设置的。

vscode设置背景图的操作步骤

以上是“vscode设置背景图的操作步骤”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

当前文章：vscode设置背景图的操作步骤-创新互联
标题来源：http://kswjz.com/article/dgjchh.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态