no-repeat 的核心含义就是不让背景图片重复,它会保持原始大小并在页面上只显示一次,避免平铺效果。
具体解释
作用:它是 CSS
background-repeat属性的一个值,专门用来控制背景图片的重复行为。效果:设置后,背景图片会以原始尺寸显示,通常只出现在元素的左上角(除非配合
background-position调整位置)。常见用途:常用于需要精确控制背景图片位置的场景,比如页面页眉、页脚或按钮的图标背景。
对比其他值
repeat(默认):图片在水平和垂直方向平铺。repeat-x:只在水平方向平铺。repeat-y:只在垂直方向平铺。no-repeat:不平铺,只显示一次。