css图片横铺重复 |css打点

css医学cmax，css橄榄精华好用，css如何画尖角，css内联样式写before，css段距5像素代码，css如何转化成scss，css打点 css图片横铺重复 |css打点

/* 将图片横向平铺 */
background-image: url("img/bg_tile.jpg");
background-repeat: repeat-x;

在上面的代码中，大家首先定义了一个背景图片的URL，然后使用background-repeat属性来指定如何平铺这张图片。其中，repeat-x参数的意思是把图片沿着水平方向平铺，直到填满整个容器。

/* 将图片纵向平铺 */
background-image: url("img/bg_tile.jpg");
background-repeat: repeat-y;

如果要把图片沿着垂直方向平铺，则需要将background-repeat的值设为repeat-y。

/* 缩放横向重复图片的宽度 */
background-image: url("img/bg_tile.jpg");
background-repeat: repeat-x;
background-size: 20px 20px;

如果大家想要缩小图片横向重复的宽度，可以使用background-size属性。该属性接收两个参数，分别表示图片的宽度和高度。在上面的代码中，大家将图片的宽度设为20像素，高度默认为auto。这样一来，每张重复的图片的宽度就会变成20像素。

总而言之，CSS中的background-repeat属性非常强大，可以帮助大家快速实现各种有趣的效果。无论你是要横向重复一张图片，还是把图片呈现为无限滚动的效果，使用background-repeat属性都能轻松完成。