webstorm中html如何添加图片

添加图片是通过img标签添加的，跟编辑器关系不大，示例如下:

<img src="图片路径" alt="图片描述">

图片的路径可以是绝对路径，也可以是相对路径，alt的图片描述是在图片加载失败的时候用来显示的，也可以不写。

如果是放在xx/src/img文件夹里

那么您的图片访问路径也得一致，图片的访问路径应该是：

<img src="http://域名/xx/src/img/XX.png" />

否则肯定是无法访问的

通常来说，我们的WebStorm页面是这样的。

在设置中我们没办法找到这个设置背景图片的功能，但是我们可以按ctrl+shift+Ad出功能选项的搜索栏。在这个功能里我们能搜索任意在WebStorm中可配置的选项，诸如Live Template和Tool Bar。

同样，我们在这里能够搜索到背景图片的设置功能。我们仅需要在搜索栏中输入set即可。

打开这个选项，我们可以在Image栏中选择想要显示的背景图片。

选择之后我们可以在下方预览效果。

图片选择栏下方的工具条允许我们调节透明度。

透明工具条下方我们可以让图片翻转，和调节填充模式。

调整适合自己的效果，点击OK就可以看到效果啦。

---