background 简写的问题

最新推荐文章于 2021-08-04 01:32:55 发布

原创最新推荐文章于 2021-08-04 01:32:55 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#background

css 专栏收录该内容

52 篇文章

订阅专栏

本文详细探讨了CSS中背景属性的使用技巧，包括background-size、background-position和background-attachment等属性的具体应用，通过实例展示了如何调整图片背景的位置、大小及固定方式。

<div style="width:200px;height:200px;border:1px solid red;background:red url('https://www.baidu.com/img/bd_logo1.png?where=super')  no-repeat center center /  cover">


  </div>

  <div style="width:200px;height:200px;border:1px solid red;background:aquamarine url('https://www.baidu.com/img/bd_logo1.png?where=super') no-repeat  initial /  top center / contain">

  </div>

注意：

1. background-size 写在 background-position 之后，并且用 / 分开；

2. 第2 你initial 改为 fixed 是可以得，改为scroll 又不行了，所以

ackground-attachment还是另外写的好，具体情况不请清楚