css repeat()函数使用图像平铺来创建背景图案

分类:知识百科 日期: 点击:0

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()函数即可。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。