Posted on | by liu
比对css不同,css去除留白,手机端css怎么写,怎么在css加入图片,css实现上页下页的箭头,css有哪三种,css 关闭x二、background-repeat属性
通过改变background-repeat的值,大家也可以让背景图可以拉伸。background-repeat的默认值是“repeat”,即平铺背景图,使整个背景区域都完全填充。
如果大家将background-repeat的值设为“no-repeat”,则背景图只会出现一次,不会重复平铺。
例如:
.container {
background-image: url("背景图路径");
background-size: 100% 100%;
background-repeat: no-repeat;
}
三、background-position属性
大家还可以通过改变background-position的值来调整背景图的位置。默认情况下,背景图的位置是左上角。
如果大家将background-position的值设为“center”,则背景图将居中。
例如:
.container {
background-image: url("背景图路径");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
以上就是CSS如何让背景图拉伸的方法。通过设置background-size、background-repeat和background-position等属性以适应不同的情况,大家可以轻松地实现背景图修饰效果。