【说站】css中repeat()函数的用法
CSS 函数 用法 repeat
2023-06-13 09:13:21 时间
css中repeat()函数的用法
说明
1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。
2、repeat()也接受两个参数:第一个参数定义网格轨道应该重复的次数,第二个参数定义每个轨道的尺寸。
CSS repeat()函数只能作用在grid-template-columns和grid-template-rows这两个CSS属性上。
实例
.grid-container{
padding: 20px;
display: grid;
grid-template-columns: repeat(2,100px);
grid-template-rows: repeat(3,100px);
background: pink;
}
以上就是css中repeat()函数的用法,希望对大家有所帮助。
相关文章
- CSS书写顺序
- 【说站】css中transition是什么
- 【说站】css clamp()函数是什么
- 【说站】css中couters函数是什么
- 【说站】css默认样式的整理
- 【说站】css中rotate函数是什么
- Web阶段:第二章:CSS语言
- CSS新特性的知识
- 【CSS教程】紫色渐变登陆布局html+css代码
- css如何制作八边形详解编程语言
- CSS 属性选择器
- 用CSS动态控制文本属性
- CSS入门教程篇
- div+css页面布局的五个小技巧
- css设置字间距
- CSS教程之css选择器、属性、值
- div+css与xhtml+css分别是什么意思?
- csdn博客的css样式v3
- jqueryready函数、css函数及text()使用示例
- Tomcat无法加载css和js等静态资源文件的解决思路
- jquery动态加载js/css文件方法(自写小函数)