CSS背景属性速记[已关闭]

i5desfxk  于 2023-03-05  发布在  其他
关注(0)|答案(1)|浏览(108)

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
8小时前关门了。
Improve this question
如何用速记写CSS背景属性?
我已经看到了一些背景属性,但是有没有一种特定的方法或顺序可以将其写在一行中?

z9gpfhce

z9gpfhce1#

参见:形式语法

<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;
}

相关问题