导语：在网页设计中，背景图片的运用能够丰富页面视觉效果，提升用户体验。本文将详细介绍CSS中背景图片的相关属性，帮助大家更好地掌握这一技能。
一、背景图片基本属性
1、background-image
该属性用于设置元素的背景图片。语法如下：
background-image: url('图片路径');
2、background-repeat
该属性用于设置背景图片的重复方式。可选值有：no-repeat（不重复）、repeat（重复）、repeat-x（水平重复）、repeat-y（垂直重复）。默认值为repeat。
background-repeat: no-repeat;
3、background-position
该属性用于设置背景图片的位置。可以使用关键词（如：top、right、bottom、left、center）、百分比或像素值来指定。
background-position: center center; /* 图片居中 */
4、background-size
该属性用于设置背景图片的大小。可选值有：cover（覆盖整个元素）、contain（包含整个图片）、百分比或像素值。
background-size: cover;
5、background-attachment
该属性用于设置背景图片是否随页面滚动。可选值有：scroll（滚动）、fixed（固定）。
background-attachment: fixed;
二、背景图片复合属性
为了简化代码，我们可以将上述属性合并为一个复合属性。语法如下：
background: background-color background-image background-repeat background-attachment background-position;
示例：
background: #f5f5f5 url('https://example.com/bg.jpg') no-repeat fixed center center;
三、浏览器兼容性
以上背景图片属性在现代浏览器中均具有良好的兼容性，但在早期版本的IE浏览器中可能存在一些兼容性问题。在使用时，可以适当添加浏览器前缀以确保兼容性。
总结：掌握CSS中背景图片的属性，能够让我们在网页设计中更加得心应手。通过合理运用背景图片，我们可以为用户提供更加美观、舒适的浏览体验。希望本文对大家有所帮助！
标签：repeat,网页,center,CSS,background,浏览器,背景图片,属性 From： https://blog.csdn.net/Jiaberrr/article/details/144294579