css背景图下移

网站背景图是网页设计中常用的一种表现形式，但是如果仅仅设置成背景图，效果可能不尽如人意，我们可以通过CSS来让背景图更加优美。

下面我们就来介绍一下如何使用CSS让背景图下移:

.background {
  background-image: url('背景图地址');
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  background-position: center top 50px;
}
 

其中，background-image是设置背景图片的属性，background-repeat是控制背景图片是否重复，background-size是控制背景图片大小，height是容器的高度。而background-position就是我们要介绍的背景图下移的关键。

在background-position中，我们使用了center top这个属性值，表示背景图片在容器水平居中，垂直方向在顶部，那么50px表示让背景图向下移动50px。

通过以上代码，我们就成功地实现了背景图下移的效果，网站看起来更加美观，也更加舒适。