VScode背景图设置

系统管理员 2023-01-07 03:56 196阅读 0赞

效果图：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70

步骤1：

先在扩展中下载background插件

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70 1

步骤2：

在setting.json配置

  1. "background.useDefault": false,//是否使用默认图片
  2.     "background.style": {
  3.         "content":"''",
  4.         "pointer-events":"none",
  5.         "position":"absolute",//图片位置
  6.         "width":"100%",
  7.         "height":"100%",
  8.         "z-index":"99999",
  9.         "background.repeat":"no-repeat",
  10.         "background-size":"40% 40%",//图片大小
  11.         "opacity":0.1 //透明度
  12.     },
  13.     "background.useFront": true,
  14.     "background.customImages": [
  15.         "file:///F:/image/c.jpg"  //图片地址
  16.     ],

配置好了更新或者重新打开就可以了

下面是我的效果图，需要背景图片的可以留言

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70 2

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70 3

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70 4

发表评论

表情：
评论列表 （有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读