在HTML页面中添加类似于atom io的图像背景

时间:2017-03-22 11:01:00

标签: html css

我想知道atom.io网站是如何得到它的背景的。当我检查源时,没有图像的链接。当我点击图像时,我也无法保存。

我可以知道如何在我正在开发的网站上获得类似的功能吗?

2 个答案:

答案 0 :(得分:2)

他们使用带有CSS背景图片的import codecs codecs.register_error("strict", codecs.ignore_errors)

如果你想做类似的事情,请写下你的<div>

div

并在样式表中编写此CSS:

<div class="mybackground"></div>

答案 1 :(得分:1)

继续@Simrandeep Singh,你会在css中使用这样的东西:

.hero {
  background-image:url('/path/to/image');
  background-repeat: no-repeat;
  background-position: center;
}

请注意atom.io使用了svg图像,可能是使用Adobe Illustrator等程序创建的。这使用矢量形状来创建可以在网站上设置动画的图像(当您向下滚动页面时可以在图像中看到这一点。)

我希望这会有所帮助。