快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

vscode设置背景图的操作步骤

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

岳阳楼网站建设公司创新互联建站,岳阳楼网站设计制作,有大型网站制作公司丰富经验。已为岳阳楼1000多家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的岳阳楼做网站的公司定做!

首先在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设置背景图的操作步骤
URL地址:http://6mz.cn/article/ggchhs.html

其他资讯