CSS background属性怎么设置 url position 和 bg-size?

Question

MDN文档:https://developer.mozilla.org...

看文档的意思好像是直接写三个属性就行了

   .a{
   background: url("https://... ...") center cover;
   }

但是自己实际写出来效果不对，自己要

.a{
background: url("...") center;
background-size: cover;
}

才有效果,请问,应该怎么用一行写出效果

谢谢大家，是我自己没看仔细啊

Answer 1

可以的，不过要加个 / ，参见 CodePen

参考：https://www.w3.org/TR/css-bac...

Answer 2

.a {
  background: url("https://... ...") center/cover;
}

其实，一般是不推荐把 background 写在一起的，建议分开写。

Answer 3

拆分方式：
background-image:url('../images/a.png');
background-repeat:no-repeat; or repeat-x or -y ……;
background-attachment: scroll;
background-position:0 0; or (50% 50%) or (center) or (left center)……;
background-size:100% auto; or (cover) or (50% 50%) ……;
background-origin: content-box;
background-clip: padding-box;
background-color: #666;

以下为缩写:

background:url(test3.jpg) no-repeat scroll 10px 20px/110px 130px content-box padding-box #aaa;

建议分开写更直观，希望对你有所帮助，谢邀！