CSS背景属性速记[关闭]

Question

如何简写CSS背景属性？

我看过几个背景属性，但是有没有特定的方式或顺序将它写在一行中？

Answer 1

看这个：形式语法

<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment>   

你可以这样写：

.card {
  background-color: #fb0;
  background-image: url("../assets/bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

像这样：

.card {
  background: #fb0 url("../assets/bg.png") center / cover no-repeat fixed;
}