评论资讯 [ 总 424 则 ]
·了了 - 2024-12-18 21:32
·悄然 - 2024-12-17 15:19
·悄然 - 2024-12-15 15:12
·悄然 - 2024-12-9 12:32
·飞飞 - 2024-12-9 12:31
·小希 - 2024-12-7 11:50
·飞飞 - 2024-12-5 15:53
·飞飞 - 2024-12-3 16:42
·悄然 - 2024-12-3 16:41
·飞飞 - 2024-12-1 18:27
·悄然 - 2024-12-17 15:19
·悄然 - 2024-12-15 15:12
·悄然 - 2024-12-9 12:32
·飞飞 - 2024-12-9 12:31
·小希 - 2024-12-7 11:50
·飞飞 - 2024-12-5 15:53
·飞飞 - 2024-12-3 16:42
·悄然 - 2024-12-3 16:41
·飞飞 - 2024-12-1 18:27
友情链接
网站统计
认识CSS的background(四)
本节单单讨论 background-repeat 属性。上一讲简单介绍了 background-repeat 属性,它用来定义背景图像是否重复、如何重复,这里再详细介绍它的属性值及其含义等。请看:
以上是 background-repeat 简写属性赋值举例和说明,共六个属性值。另外还有:一个继承属性值(inherit),表示继承父级元素的设置,一个取消设置(unset)属性值,一个初始设置值(initial),后两者均用于JS动态交互。针对六个属性值,我们需要注意的是,任意一个方向的图像重复设置,以及 round 属性值设置,都会从 background-position 设置或默认设置的位置开始复制,最后复制到与复制出发点相衔接(图像的右对左、下对上,但左右和上下两边的图像可能不能拼凑成完整图像,大家可以在后面的演示中观察感受);space 属性值则会令 background-position 的设置失效,图像重复总是从最上边、最左边开始。
最后给出一个演示示例,示例的初始设置是背景图像定位在元素的左上角,background-position 设置为 10px 10px,可以通过点击各个按钮逐一查看不同的 background-repeat 设置是什么样的效果:
设置 background-repeat 属性:
前一篇: 认识CSS的background(三)
下一篇: 认识CSS的background(五)
发表评论:
评论列表 [1条]
#1 | 悄然 于 2024-3-12 12:37 发布: repeat有这么多类别,这个太详细了