本文详细介绍了如何在CSS中设置背景图片，包括背景图片的大小与元素的关系、图片的重复方式以及位置调整。当背景图片小于元素时，图片会自动平铺填充；大于元素时，部分图片可能无法显示。此外，还讲解了`background-repeat`属性的`repeat`、`repeat-x`、`repeat-y`和`no-repeat`四种模式，以及`background-position`用于设定图片位置的方法。
一。设置背景图片：
--可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色；
--如果背景图片小于元素，则背景图片自动平铺将元素铺满；
--如果背景图片大于元素，将会有一部分背景无法完全显示；
1.背景图片小于元素大小
2.背景图片大于元素大小
二。背景图片的重复方式
background-repeat：设置背景图片的重复方式
可选值：repeat 默认值
repeat-x 沿着x轴重复
repeat-y 沿着y轴重复
no-repeat 不重复
三。设置背景图片的位置
background-position：设置背景图片的位置
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
