CSS repeat()函数
CSS repeat()函数是CSS3中的一个新特性,它可以让我们使用图像来创建背景图案。它支持两种类型的参数:一种是指定横向和纵向重复的次数,另一种是指定横向和纵向的重复间隔。
使用方法
使用repeat()函数的方法很简单,只需要在background-image属性中添加一个repeat()函数即可,如:
background-image: repeat(3, 40px);
这个函数的参数表示,横向重复3次,每次重复的间隔为40px。
例子
下面是一个使用repeat()函数创建的背景图案:
background-image: url(images/bg.jpg); background-repeat: repeat(5, 40px);
这段代码表示,使用images/bg.jpg这张图片,横向重复5次,每次重复的间隔为40px。
CSS repeat()函数可以让我们使用图像来创建背景图案,它支持指定横向和纵向重复的次数,以及指定横向和纵向的重复间隔。使用方法很简单,只需要在background-image属性中添加一个repeat()函数即可。