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

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

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

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

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

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

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

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

阅读 3.2k
3 个回答
.a {
  background: url("https://... ...") center/cover;
}

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

拆分方式:
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;

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题