成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/dgjchh.html