给vscode设置背景图片_IT百科

都说程序员都有一颗闷骚的心，当然了我也不例外，所以我给我的vscode设置了背景图片，下面让我给大家介绍一下我是如何设置的

里面的配置项把 "background-size":"100%,100%",就可以让背景图片平铺了。

在html中某个div里加入背景图片的话，主要有以下几种方式：

第一种：在css文件里加入背景图片：在css里用url(../images/背景图2.jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。

如图：

第二种：在html中引入：<div class="detail" style="background-image: url(../images/背景图1.jpg)"></div>，同理url()括号里是图片的引入路径。

如图：

第三种：在div中加一张图片

</div>

如图：

当图片小于背景区域大小时，图片会不断重复显示，如果不想图片重复显示，可以设置background-repeat，background-repeat有4个值，分别是repeat（代表重复显示）、no（代表不重复）、repeat-x（代表水平方向上重复）、repeat-y（代表垂直方向上重复）

当图片小于背景区域大小时，默认从左上角开始铺，如果想从任意位置开始铺，可以使用background-position属性，设置在x、y方向的偏移量。

当图片大于背景区域时，只显示图片左上角。

当图片和背景区域大小一样大时，显示整张图片。

代码如下：

1、上级目录<img src="../images/石家庄.jpeg" alt="" />

2、根目录<img src="/images/石家庄.jpeg" alt="" />

3、同级目录<img src="images/石家庄.jpeg" alt="" />

4、平铺背景图片

5、背景图片不重复

6、背景图片居中不重复

注意：图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为：“image/石家庄.jpg”。

扩展资料：

HTML中主体内容：

<body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容。

格式一般如下：

<html>

<head>

</head>

<body>

存入网页的主体部分内容如：

<table>；代表表格

<tr>；代表行

<p>；代表段落

<td>；代表单元格

参考资料来源：百度百科—HTML

参考资料来源：百度百科—body

欢迎分享，转载请注明来源：内存溢出

给vscode设置背景图片