VSCode设置全背景图片

news/2024/11/16 7:37:36/

目录

  • 方法一:直接修改源文件css
  • 方法二:下载background-cover插件

方法一:直接修改源文件css

帮助 -> 切换开发人员工具,找到下面这行,粘贴地址到文件夹里打开。

在这里插入图片描述
加入下面的代码,保存,重启vscode即可。

注:路径请配置自己图片的路径。

在这里插入图片描述

body {background-image: url('file:///F:/高清壁纸/wallhaven-96qy3w_1920x1080.png');background-size: 100%;opacity: 0.9;background-repeat: no-repeat;
}

方法二:下载background-cover插件

下载了插件以后,点击vscode右下方按钮,然后选择背景图,重启vscode即可

在这里插入图片描述


http://www.ppmy.cn/news/440155.html

相关文章

天空盒高清素材图片

我是将天空盒(SkyBox)的实现原理与细节这篇文章里面提供的图片切成了一组六张的图片和一组五张的图片。 六张: 然后由于我觉得四周的图片有点宽而且我不需要水于是又对半裁了一下。 接下来是五组的那组,但是由于天空盒顶的那张没有改动我就不贴了&#x…

Android studio设置背景图片

用了AS这么久了,一直用的是系统本身的主题和背景色,最近想自己设置一个类似电脑背景桌面的效果,网上找了找,我用的是AS的一个插件,叫sexy editor 在AS里点击File->Settings,然后,点击Plugin…

高清屏的背景图片适配

当我们把一个图标做成CSS中的背景图,在视网膜屏上预览时会发现图标是模糊的,所以我们会同时准备一个2倍大小的图标给高清屏,那么问题来了,怎么实现在普通屏下是普通背景图,而在高清屏下是用的高清图呢? 主要…

aida64副屏背景图_仅需100元!电脑监控副屏超傻瓜解决方案

【前言】 最近看到很多关于利用AIDA 64软件打造机箱内系统监控副屏的文章,看来灯大灯闪亮已经不能满足追求炫酷感的DIY玩家了。作为装机的老司机,自然免不了跟风想要富有未来科技感的台式机,于是攒了套AMD R9 3900X真香机,里面必然就要加入副屏来彰显个性。 本篇文章将抛开…

android 图片背景模糊,实现图片模糊(背景虚化),实现图片模糊背景

实现图片模糊(背景虚化),实现图片模糊背景 图片模糊效果 背景虚化(模糊)的效果越来越常用,那么如何使用代码来实现呢?在上篇文章中,我们讨论了关于 CoreImage 的知识, 理所当然的,首先尝试使用 CoreImage 解决问题,从上次打印出来的所有支持的滤镜中,在 127种滤镜中,存在 Blu…

背景图片适应屏幕大小的一些方法

背景图片适应屏幕大小的一些方法 想要背景图片适应屏幕的大小,背景图片要足够大,可以铺满常用的所有屏幕,还要图片要高清,不能一拉伸就失真,不能显示局部的时候显得很怪异。 方法一: 运用ul的宽度自适应特…

微信小程序开发:设定背景图片

文章目录 前言:一、原因与解决方法二、其他设置背景图片的方式1、获取网络图片2、将图片转换成base64格式3、使用image标签 前言: 今天在开发小程序的时候用到背景图片设定功能,但请求本地资源的图片时却提示错误,无法加载本地资…

css 图片放大1.2倍,二倍图以及背景图缩放

物理像素与物理像素比 物理像素点指的是屏幕显示的最小颗粒,是物理世界中真实存在的。这是厂商在出厂时就设置好了,比如苹果6是750*1334 而我们开发时用的 px 并不等同于像素,即 1px 不一定等于 1个物理像素点 在pc端页面,1个px等于1个物理像素,但移动端就不尽相同,如 iph…