background 简写的问题

蚁族的奋斗1

于 2019-12-04 15:24:52 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： background

本文链接：https://blog.youkuaiyun.com/github_39319000/article/details/103387371

css 专栏收录该内容

52 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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还是另外写的好，具体情况不请清楚