CSS进阶 【1】常用样式控制

Vue.js进阶文章列表

div位置控制

.backGround_star {
      width: 100%;
      height: 100%;
      opacity: 1;
      background: url(../../assets/image/backGround_star.png) no-repeat center;
      background-size: 30% 30%;
      background-position: 10% 90%;
    }

说明：

background-position：30%70%；的设置，使得背景图片的中心点在水平方向上处于30%的位置，在竖直方向上则位于70%的位置。 此时，如果改变了浏览器窗口的大小，背景图片也会进行相应的调整，但是，始终位于水平方向上30%和竖直方向上70%的位置。

背景图片设置

同上