本文主要是介绍CSS background-repeat 属性示例,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
background-repeat -- 定义背景图片的重复方式
- 取值: repeat | repeat-x | repeat-y | no-repeat | inherit
- repeat: 平铺整个页面,左右与上下
- repeat-x: 在x轴上平铺,左右
- repeat-y: 在y轴上平铺,上下
- no-repeat: 图片不重复
- inherit: 继承
- 初始值: repeat
- 继承性: 否
- 适用于: 所有元素
- background:背景.repeat:重复.
- 引用网址:http://www.dreamdu.com/css/property_background_repeat/
示例
body
{
background-image
:
url('list-orange.png')
;
background-repeat
:
no-repeat
;
}
div
{
background-image
:
url('list-orange.png')
;
background-repeat
:
repeat-y
;
background-position
:
right
;
}
屏幕左上角显示一个橙色点,div的右侧显示一系列橙色点。
这篇关于CSS background-repeat 属性示例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!